Posts structure comments

ZdruzenieSTROM · Jan 3, 2024 · e78e05c · e78e05c
1 parent 1113753
commit e78e05c
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/Posts/Posts.tsx b/src/components/Posts/Posts.tsx
@@ -20,14 +20,17 @@ export const Posts: FC = () => {
   })
   const posts = postsData?.data ?? []
 
-  const [activePostDetailIndex, setActivePostDetailIndex] = useState<number | undefined>(undefined)
+  const [activePostDetailIndex, setActivePostDetailIndex] = useState<number>()
 
   if (postsIsLoading) return <Loading />
 
   if (postsError) return <Typography>{postsError.message}</Typography>
 
   return (
     <>
+      {/* detail prispevku chceme zobrazit na urovni toho prispevku - `activePostDetailIndex` teda rozdeluje prispevky na dva gridy:
+        - prvy grid su vsetky prispevky do rozbaleneho prispevku - len jeden grid item ako jeden stlpec prispevkov (`xs={4}` ako 4 stlpce z 12)
+        - druhy grid su prispevky od rozbaleneho prispevku - dva grid itemy ako jeden stlpec prispevkov (`xs={4}`) a druhy stlpec ako detail prispevku (`xs={5}` - detail je sirsi) */}
       {activePostDetailIndex !== 0 && (
         <Grid container columnSpacing={5} mb={5}>
           <Grid xs={4}>