From c4d0e48cbdc56f4432a86b500f45eebc2924fc1b Mon Sep 17 00:00:00 2001
From: Andrew Li <Andrewli2024@gmail.com>
Date: Thu, 3 Aug 2023 21:09:32 -0400
Subject: [PATCH] Add launch icon to pieces title on Featured Content

---
 src/components/carousel/CarouselItem.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/carousel/CarouselItem.tsx b/src/components/carousel/CarouselItem.tsx
index 426c4df..ed6719a 100644
--- 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>