@omniumretail/component-library 1.0.74 → 1.0.76

package/src/components/Category/index.tsx

@@ -1,76 +1,76 @@
-import styles from './styles.module.scss';
-import { CategorySidebar, DataNode } from './CategorySidebar';
-import { useEffect, useState } from 'react';
-import { CategoryContent } from './CategoryContent';
-
-interface Category {
-    data: DataNode[];
-    serverReadyData: any;
-}
-
-const fakeData: any = {
-    data: [
-        {
-            "title": "opgg (Q: 1) ",
-            "key": "0",
-            "data": {
-                "categoryName": "opgg",
-                "openAnswer": true,
-                "questions": [
-                    {
-                        "question": "1",
-                        "info": "2"
-                    }
-                ]
-            }
-        },
-        {
-            "title": "abcd (Q: 1) (G: 2)",
-            "key": "1",
-            "data": {
-                "categoryName": "abcd",
-                "openAnswer": false,
-                "questions": [
-                    {
-                        "question": "ax1",
-                        "info": "se2",
-                        "grade": "1s"
-                    }
-                ],
-                "generalEvaluationLevel": "2",
-                "grade": "2"
-            }
-        }
-    ],
-    noData: []
-}
-
-export const Category = (props: Category) => {
-    const {
-        data
-    } = props;
-
-    const [categoryContentInfo, setCategoryContentInfo] = useState<any>();
-    const [categorySidebarInfo, setCategorySidebarInfo] = useState<any>();
-    const [showContent, setShowContent] = useState<boolean>(false);
-    const [finalData, setFinalData] = useState<any>();
-
-    useEffect(() => {
-        props.serverReadyData(finalData)
-    }, [finalData]);
-
-    useEffect(() => {
-        setShowContent(categorySidebarInfo?.selectKey?.length > 0);
-    }, [categorySidebarInfo]);
-
-    return (
-        <div className={styles.category}>
-            <div className={styles.sidebarWrapper}>
-                <CategorySidebar categorySidebarInfo={setCategorySidebarInfo} categoryContentData={categoryContentInfo} data={data} categoryContentFinalData={setFinalData}/>
-            </div>
-            <div className={styles.contentWrapper}>
-                <CategoryContent categoryContentInfo={setCategoryContentInfo} categoryContentShow={showContent} categorySidebarData={categorySidebarInfo} />
-            </div>
-        </div>
-    )
-};
+import styles from './styles.module.scss';
+import { CategorySidebar, DataNode } from './CategorySidebar';
+import { useEffect, useState } from 'react';
+import { CategoryContent } from './CategoryContent';
+
+interface Category {
+    data: DataNode[];
+    serverReadyData: any;
+}
+
+const fakeData: any = {
+    data: [
+        {
+            "title": "opgg (Q: 1) ",
+            "key": "0",
+            "data": {
+                "categoryName": "opgg",
+                "openAnswer": true,
+                "questions": [
+                    {
+                        "question": "1",
+                        "info": "2"
+                    }
+                ]
+            }
+        },
+        {
+            "title": "abcd (Q: 1) (G: 2)",
+            "key": "1",
+            "data": {
+                "categoryName": "abcd",
+                "openAnswer": false,
+                "questions": [
+                    {
+                        "question": "ax1",
+                        "info": "se2",
+                        "grade": "1s"
+                    }
+                ],
+                "generalEvaluationLevel": "2",
+                "grade": "2"
+            }
+        }
+    ],
+    noData: []
+}
+
+export const Category = (props: Category) => {
+    const {
+        data
+    } = props;
+
+    const [categoryContentInfo, setCategoryContentInfo] = useState<any>();
+    const [categorySidebarInfo, setCategorySidebarInfo] = useState<any>();
+    const [showContent, setShowContent] = useState<boolean>(false);
+    const [finalData, setFinalData] = useState<any>();
+
+    useEffect(() => {
+        props.serverReadyData(finalData)
+    }, [finalData]);
+
+    useEffect(() => {
+        setShowContent(categorySidebarInfo?.selectKey?.length > 0);
+    }, [categorySidebarInfo]);
+
+    return (
+        <div className={styles.category}>
+            <div className={styles.sidebarWrapper}>
+                <CategorySidebar categorySidebarInfo={setCategorySidebarInfo} categoryContentData={categoryContentInfo} data={data} categoryContentFinalData={setFinalData}/>
+            </div>
+            <div className={styles.contentWrapper}>
+                <CategoryContent categoryContentInfo={setCategoryContentInfo} categoryContentShow={showContent} categorySidebarData={categorySidebarInfo} />
+            </div>
+        </div>
+    )
+};

package/src/components/Category/styles.module.scss

@@ -1,13 +1,13 @@
-.category {
-    display: grid;
-    grid-template-columns: 300px auto;
-    gap: 16px;
-}
-
-.sidebarWrapper,
-.contentWrapper {
-    background: white;
-    padding: 20px;
-    overflow: auto;
-}
-
+.category {
+    display: grid;
+    grid-template-columns: 300px auto;
+    gap: 16px;
+}
+
+.sidebarWrapper,
+.contentWrapper {
+    background: white;
+    padding: 20px;
+    overflow: auto;
+}
+