refactor(core): 🚑 linting issue

linting issue resolved ref: #31
wrappid · Mar 9, 2024 · 2d212ac · 2d212ac
1 parent 3aa4ce5
commit 2d212ac
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 38 deletions.
diff --git a/app/components.registry.js b/app/components.registry.js
@@ -15,6 +15,7 @@ import CreateTheme from "./components/ThemeViewer/CreateTheme";
 export const ComponentsRegistry = {
   BusinessEntityComp        : { comp: BusinessEntityComp },
   BusinessEntityManager     : { comp: BusinessEntityManager },
+  CreateTheme               : { comp: CreateTheme },
   DataCreator               : { comp: DataCreator },
   DataViewer                : { comp: DataViewer },
   FormBuilder               : { comp: FormBuilder },
@@ -25,5 +26,4 @@ export const ComponentsRegistry = {
   RoutesManager             : { comp: RoutesManager },
   StatusChangeCommentHistory: { comp: StatusChangeCommentHistory },
   StatusChangeForm          : { comp: StatusChangeForm },
-  CreateTheme : {comp: CreateTheme},
 };
diff --git a/app/components/ThemeViewer/CreateTheme.js b/app/components/ThemeViewer/CreateTheme.js
@@ -6,11 +6,9 @@ import {
   CoreH2,
   BlankLayout,
   CoreLayoutItem,
-  CoreBox,
-  CoreClasses,
+  CoreBox
 } from "@wrappid/core";
 
-import JsonEditor from "./JsonEditor";
 import ThemesViewer from "./ThemesViewer";
 function CreateTheme() {
   const [currentState, setCurrentState] = React.useState("Presets");
@@ -25,6 +23,7 @@ function CreateTheme() {
         id={BlankLayout.PLACEHOLDER.CONTENT}
       >
         <CoreH3>THEME VIEWER</CoreH3>
+
         <CoreBox>
           <CoreBox>
             <CoreBox>

diff --git a/app/components/ThemeViewer/ThemesViewer.js b/app/components/ThemeViewer/ThemesViewer.js
@@ -1,24 +1,11 @@
 import React from "react";
-import { useDispatch } from "react-redux";
 
 import {
-  CoreH1,
-  CoreBox,
-  setUserTheme,
-  CoreButton,
-  CoreGrid,
-  CoreClasses,
-  CoreTypographyBody1,
-  CoreThemeProvider,
+  CoreBox, setUserTheme, CoreButton, CoreGrid, CoreClasses, CoreTypographyBody1, CoreThemeProvider 
 } from "@wrappid/core";
-
 // eslint-disable-next-line import/no-unresolved
-import {
-  UPDATE_DEFAULT_THEME,
-  WrappidDataContext,
-  WrappidDispatchContext,
-  StylesProvider,
-} from "@wrappid/styles";
+import { WrappidDataContext, StylesProvider } from "@wrappid/styles";
+import { useDispatch } from "react-redux";
 
 function ThemesViewer() {
   const storeDispatch = useDispatch();
@@ -32,23 +19,18 @@ function ThemesViewer() {
     return (
       <CoreGrid>
         {Object.keys(themes).map((themeName, index) => {
+
           return (
-            <CoreBox gridProps={{ gridSize: 3 }}>
+            <CoreBox key={index} gridProps={{ gridSize: 3 }}>
               <CoreThemeProvider themeID={themeName}>
                 <StylesProvider themeID={themeName}>
-
                   <CoreGrid
-                    styleClasses={[
-                      CoreClasses.HEIGHT.VH_25,
-                      CoreClasses.BORDER.BORDER,
-                      CoreClasses.BORDER.BORDER_SUCCESS,
-                      CoreClasses.DISPLAY.FLEX,
-                    ]}
+                    styleClasses={[CoreClasses.HEIGHT.VH_25, CoreClasses.BORDER.BORDER, CoreClasses.BORDER.BORDER_SUCCESS, CoreClasses.DISPLAY.FLEX]}
                   >
                     {/* First Segment for PrimaryColor */}
                     <CoreBox
                       gridProps={{
-                        gridSize: { xs: 6 },
+                        gridSize    : { xs: 6 },
                         styleClasses: [CoreClasses.BG.BG_PRIMARY],
                       }}
                     >
@@ -58,7 +40,7 @@ function ThemesViewer() {
                     {/* Second Segment for SecondaryColor */}
                     <CoreBox
                       gridProps={{
-                        gridSize: { xs: 6 },
+                        gridSize    : { xs: 6 },
                         styleClasses: [CoreClasses.BG.BG_SECONDARY],
                       }}
                     >
@@ -72,6 +54,7 @@ function ThemesViewer() {
                       justifyContent="center"
                     >
                       <CoreTypographyBody1>test</CoreTypographyBody1>
+
                       <CoreButton
                         key={index}
                         OnClick={() => handleChangeTheme(themeName)}

diff --git a/app/routes.registry.js b/app/routes.registry.js
@@ -1,5 +1,12 @@
 export const RoutesRegistry = {
-  createTheme: {
+  BUSINESS_ENTITY   : "business_entity",
+  FORMS             : "forms",
+  HISTORY           : "history/:model/:entityRef",
+  PAGE              : "pages",
+  ROUTES            : "routes",
+  STATUS_CHANGE_FORM: "status/:model/:id/:status",
+  TABLES            : "tables",
+  createTheme       : {
     Page        : { appComponent: "CreateTheme", layout: "BlankLayout" },
     authRequired: false,
     entityRef   : "components",
@@ -11,11 +18,4 @@ export const RoutesRegistry = {
     entityRef   : "components",
     url         : "themes"
   },
-  BUSINESS_ENTITY   : "business_entity",
-  FORMS             : "forms",
-  HISTORY           : "history/:model/:entityRef",
-  PAGE              : "pages",
-  ROUTES            : "routes",
-  STATUS_CHANGE_FORM: "status/:model/:id/:status",
-  TABLES            : "tables",
 };