refactor: not use LinkHeading

liam-hq · Oct 16, 2024 · f74a669 · f74a669
1 parent 59f54d2
commit f74a669
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/frontend/apps/service-site/src/features/posts/components/PostTags/PostTags.module.css b/frontend/apps/service-site/src/features/posts/components/PostTags/PostTags.module.css
@@ -1,3 +1,15 @@
+.title {
+  display: inline-block;
+  font-family: var(--message-font, Montserrat);
+  font-size: var(--font-size-6, 16px);
+  font-weight: 600;
+  line-height: 1.2;
+  color: var(--link-default, #bebfc1);
+  height: 24px;
+  padding: 1px 0;
+  gap: var(--spacing-1, 4px);
+}
+
 .list {
   margin-top: var(--spacing-5, 20px);
   display: flex;

diff --git a/frontend/apps/service-site/src/features/posts/components/PostTags/PostTags.tsx b/frontend/apps/service-site/src/features/posts/components/PostTags/PostTags.tsx
@@ -1,18 +1,16 @@
 import { Badge } from '@/components/Badge'
 import type { PropsWithChildren } from 'react'
-import { LinkHeading } from '../LinkHeading'
 import styles from './PostTags.module.css'
 
 type Props = PropsWithChildren<{
   href?: string | undefined
   tags: Array<{ name: string }>
 }>
 
-export const PostTags = ({ href = '/', tags }: Props) => {
+export const PostTags = ({ tags }: Props) => {
   return (
     <div>
-      {/* FIXME: Add href props after implementing tags single page */}
-      <LinkHeading href={href}>Tags</LinkHeading>
+      <p className={styles.title}>Tags</p>
       <ul className={styles.list}>
         {tags?.map((tag) => (
           <li key={tag.name}>