From 7ec3315beff61a8f751a674acc4e31b943c4b6aa Mon Sep 17 00:00:00 2001
From: Geolffrey Mena <gmjun2000@gmail.com>
Date: Sat, 1 Feb 2025 16:23:39 -0600
Subject: [PATCH] style: added blur to background images

---
 src/components/carousel/carousel-section.tsx                   | 2 +-
 src/components/carousel/variants/carousel-main.tsx             | 2 +-
 src/components/carousel/variants/carousel-mixed.tsx            | 2 --
 .../carousel/variants/carousel-poster-horizontal.tsx           | 1 -
 src/components/poster/variants/poster-top-titles.tsx           | 1 +
 src/layouts/_common/header-balance.tsx                         | 3 ---
 6 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/components/carousel/carousel-section.tsx b/src/components/carousel/carousel-section.tsx
index 1d40e0623..a4025e700 100644
--- a/src/components/carousel/carousel-section.tsx
+++ b/src/components/carousel/carousel-section.tsx
@@ -17,7 +17,7 @@ export const CarouselSection: FC<PropsWithChildren<CarouselSectionProps>> = ({
   children,
 }) => (
   <Card>
-    <CardHeader title={title} sx={{ px: '50px', fontSize: 'clamp(2rem, 1vw, 3rem)' }} />
+    {/* <CardHeader title={title} sx={{ px: '50px', fontSize: 'clamp(2rem, 1vw, 3rem)' }} /> */}
     <CardContent sx={{ px: '50px', pt: '1rem', pb: '0 !important' }}>{children}</CardContent>
   </Card>
 );
diff --git a/src/components/carousel/variants/carousel-main.tsx b/src/components/carousel/variants/carousel-main.tsx
index 8a13e60fd..f87c3a153 100644
--- a/src/components/carousel/variants/carousel-main.tsx
+++ b/src/components/carousel/variants/carousel-main.tsx
@@ -214,7 +214,7 @@ function CarouselItem({ post }: Readonly<CarouselItemProps>) {
               }}
             >
               <IconFlagFilled style={{ marginRight: '4px' }} size={22} color="#FFFFFF" />
-              Add watchlist
+              Add Watchlist
             </Button>
           </Stack>
         </m.div>
diff --git a/src/components/carousel/variants/carousel-mixed.tsx b/src/components/carousel/variants/carousel-mixed.tsx
index 92f9756e7..72c1083bf 100644
--- a/src/components/carousel/variants/carousel-mixed.tsx
+++ b/src/components/carousel/variants/carousel-mixed.tsx
@@ -108,7 +108,6 @@ export default function CarouselMixed({ data }: Props) {
                 genre: getMovieGenres(post).split(', '),
                 images: {
                   vertical: getMediaUri(getPosterCid(post)),
-                  horizontal: getMediaUri(getPosterHorizontalCid(post)),
                   wallpaper: getMediaUri(getWallpaperCid(post)),
                 },
                 likes: post?.stats?.upvotes ?? 0,
@@ -139,7 +138,6 @@ export default function CarouselMixed({ data }: Props) {
                 genre: getMovieGenres(post).split(', '),
                 images: {
                   vertical: getMediaUri(getPosterCid(post)),
-                  horizontal: getMediaUri(getPosterHorizontalCid(post)),
                   wallpaper: getMediaUri(getWallpaperCid(post)),
                 },
                 likes: post?.stats?.upvotes ?? 0,
diff --git a/src/components/carousel/variants/carousel-poster-horizontal.tsx b/src/components/carousel/variants/carousel-poster-horizontal.tsx
index ce5ca1385..b515f87bc 100644
--- a/src/components/carousel/variants/carousel-poster-horizontal.tsx
+++ b/src/components/carousel/variants/carousel-poster-horizontal.tsx
@@ -74,7 +74,6 @@ export default function CarouselPosterHorizontal({ data }: Props) {
                 genre={getMovieGenres(post).split(', ')}
                 images={{
                   vertical: getMediaUri(getPosterCid(post)),
-                  horizontal: getMediaUri(getPosterHorizontalCid(post)),
                   wallpaper: getMediaUri(getWallpaperCid(post)),
                 }}
                 likes={post?.stats?.upvotes ?? 0}
diff --git a/src/components/poster/variants/poster-top-titles.tsx b/src/components/poster/variants/poster-top-titles.tsx
index 86d44168e..5c6aabecb 100644
--- a/src/components/poster/variants/poster-top-titles.tsx
+++ b/src/components/poster/variants/poster-top-titles.tsx
@@ -79,6 +79,7 @@ const PosterTopTitles = ({ post }: { post: any }) => {
           width: '100%',
           height: '100%',
           opacity: 0.2,
+          filter: "blur(5px) !important",
           backgroundSize: 'cover',
           backgroundPosition: 'center',
           backgroundRepeat: 'no-repeat',
diff --git a/src/layouts/_common/header-balance.tsx b/src/layouts/_common/header-balance.tsx
index dbf1a63a6..9f1800afa 100644
--- a/src/layouts/_common/header-balance.tsx
+++ b/src/layouts/_common/header-balance.tsx
@@ -45,9 +45,6 @@ export default function HeaderBalance() {
         <Typography variant="subtitle2" sx={{ textAlign: 'left' }} noWrap>
           {formatBalanceNumber(balance)}
         </Typography>
-        <Typography variant="caption" color="text.secondary" sx={{ ml: 1, mt: 0.6, fontSize: 10 }}>
-          MMC
-        </Typography>
       </Stack>
     </Button>
   );