replace tags in project with component

tylerhoward15 · Oct 6, 2023 · c33288e · c33288e
1 parent c162897
commit c33288e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 11 deletions.
diff --git a/components/project.tsx b/components/project.tsx
@@ -4,6 +4,7 @@ import { useRef } from "react";
 import { projectsData } from "@/lib/data";
 import Image from "next/image";
 import { motion, useScroll, useTransform } from "framer-motion";
+import Tags from "./tags";
 
 type ProjectProps = (typeof projectsData)[number];
 
@@ -38,16 +39,7 @@ export default function Project({
             <p className="mt-2 leading-relaxed text-gray-700 dark:text-white/70">
               {description}
             </p>
-            <ul className="flex flex-wrap mt-4 gap-2 sm:mt-auto">
-              {tags.map((tag, index) => (
-                <li
-                  className="bg-black/[0.7] px-3 py-1 text-[0.7rem] uppercase tracking-wider text-white rounded-full dark:text-white/70"
-                  key={index}
-                >
-                  {tag}
-                </li>
-              ))}
-            </ul>
+            <Tags tags={tags} />
           </div>
 
           <Image

diff --git a/components/tags.tsx b/components/tags.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-export default function Tags({ tags }: { tags: readonly string[]}) {
+export default function Tags({ tags }: { tags: readonly string[] }) {
   return (
     <ul className="flex flex-wrap mt-4 gap-2 sm:mt-6">
       {tags?.map((tag, index) => (