Add launch icon to pieces title on Featured Content

fullstackatbrown · Aug 4, 2023 · c4d0e48 · c4d0e48
1 parent 059128b
commit c4d0e48
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/carousel/CarouselItem.tsx b/src/components/carousel/CarouselItem.tsx
@@ -1,6 +1,8 @@
 import type { Content } from "@prisma/client";
 import Link from "next/link";
 
+import LaunchIcon from "@mui/icons-material/Launch";
+
 interface ICarouselItemProps {
   content: Content;
   onClick: () => void;
@@ -22,7 +24,12 @@ export default function CarouselItem({ content, onClick }: ICarouselItemProps) {
         }}
       />
       <Link href={`/pieces/${content.id}`}>
-        <p className="-webkit-box line-clamp-1 overflow-hidden text-ellipsis text-[2.5rem] font-medium text-white">
+        <p className="-webkit-box line-clamp-1 overflow-hidden text-ellipsis text-[2.5rem] font-medium text-white hover:text-slate-300">
+          <LaunchIcon
+            style={{
+              margin: "0 10px 0 0",
+            }}
+          />
           {content.title}
         </p>
       </Link>