From 98a03dd0862cd453a8ed77ae4ee4e8574aa2fa80 Mon Sep 17 00:00:00 2001
From: Joe Banks <joe@jb3.dev>
Date: Mon, 29 Apr 2024 15:54:57 +0100
Subject: Remove tags from service cards

---
 src/components/service.tsx | 28 +++++++++-------------------
 1 file changed, 9 insertions(+), 19 deletions(-)

(limited to 'src/components/service.tsx')

diff --git a/src/components/service.tsx b/src/components/service.tsx
index b350d3a..0ff9179 100644
--- a/src/components/service.tsx
+++ b/src/components/service.tsx
@@ -11,6 +11,13 @@ export type ServiceProps = {
     image: string;
 }
 
+const DimmedURL = styled.p`
+    color: #666;
+    font-size: 0.8em;
+    margin-top: 10px;
+    font-family: monospace;
+`;
+
 const ServiceCard = styled.a`
     background-color: #fff;
     border-radius: 10px;
@@ -27,17 +34,6 @@ const ServiceCard = styled.a`
     }
 `;
 
-export const Tag = styled.span`
-    background-color: rgba(110, 119, 255, 0.39);
-    color: #000;
-    font-weight: 600;
-    font-family: monospace;
-    border-radius: 5px;
-    padding: 5px;
-    margin: 5px;
-    display: inline-block;
-`;
-
 const ServiceImage = styled.img`
     border-radius: 10px;
     width: 80px;
@@ -52,19 +48,13 @@ const ServiceDescription = styled.p`
 `;
 
 
-const Service: React.FC<ServiceProps> = ({ name, description, url, tags, image }) => {
+const Service: React.FC<ServiceProps> = ({ name, description, url, image }) => {
     return (
         <ServiceCard href={url}>
             <ServiceImage src={image} alt={name} />
             <ServiceHeader>{name}</ServiceHeader>
             <ServiceDescription>{description}</ServiceDescription>
-            <div>
-                {
-                    tags.map((tag, index) => (
-                        <Tag key={index}>{capitalize(tag)}</Tag>
-                    ))
-                }
-            </div>
+            <DimmedURL>{url}</DimmedURL>
         </ServiceCard>
     );
 }
-- 
cgit v1.2.3

