"Updated Masonry component's backgroundImage gradient opacity and ren…

…amed BlogInitial interface to BlogSliceInitial"
ucangun · Sep 17, 2024 · 0ea90c1 · 0ea90c1
1 parent f7725ba
commit 0ea90c1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Masonry.tsx b/src/components/Masonry.tsx
@@ -25,7 +25,7 @@ export default function HomeMasonry({ firstThreeBlogs }: HomeMasonryProps) {
             key={blog._id}
             sx={{
               height: heights[index] || 200,
-              backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(${blog.image})`,
+              backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url(${blog.image})`,
               backgroundSize: "cover",
               backgroundPosition: "center",
             }}

diff --git a/src/features/blogSlice.tsx b/src/features/blogSlice.tsx
@@ -16,13 +16,13 @@ export interface BlogPost {
   __v: number;
 }
 
-interface BlogInitial {
+interface BlogSliceInitial {
   loading: boolean;
   error: boolean;
   blog: BlogPost[];
 }
 
-const initialState: BlogInitial = {
+const initialState: BlogSliceInitial = {
   loading: false,
   error: false,
   blog: [],