chore: zustand store adoption (#398)

Author: AlexPalaz

package-lock.json

@@ -38,7 +38,6 @@
     }
   },
   "dependencies": {
-    "@reduxjs/toolkit": "^1.9.5",
     "accessible-autocomplete": "^3.0.1",
     "axios": "^1.7.9",
     "bootstrap": "^4.6.0",
@@ -60,12 +59,12 @@
     "react-hook-form-persist": "^3.0.0",
     "react-i18next": "^13.0.0",
     "react-jss": "^10.10.0",
-    "react-redux": "^8.1.1",
     "react-resizable-panels": "^2.1.7",
     "react-widgets": "^5.8.4",
     "type-fest": "^4.10.3",
     "validator": "^13.9.0",
-    "yaml": "^2.4.1"
+    "yaml": "^2.4.1",
+    "zustand": "^5.0.3"
   },
   "devDependencies": {
     "@eslint/js": "^9.13.0",

package.json

@@ -2,61 +2,39 @@ import "bootstrap-italia/dist/css/bootstrap-italia.min.css";
 import { NotificationManager } from "design-react-kit";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
-import { Provider } from "react-redux";
 import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
 import "react-widgets/styles.css";
 import "../assets/main.css";
 import Editor from "./components/Editor";
 import Head from "./components/Head";
 import Layout from "./components/Layout";
-import WarningBox, { Warning } from "./components/WarningBox";
-import YamlPreview from "./components/YamlPreview";
-import PublicCode, {
-  PublicCodeWithDeprecatedFields,
-} from "./contents/publiccode";
-import { getYaml, useIsMobile } from "./lib/utils";
-import store from "./store";
 import SettingsPanel from "./components/SettingsPanel";
+import WarningBox from "./components/WarningBox";
+import YamlPreview from "./components/YamlPreview";
+import { useIsMobile } from "./lib/utils";
 
 const NOTIFICATION_TIMEOUT = 4_000;
 export const App = () => {
   const isMobile = useIsMobile();
   const [isSettingsOpen, setIsSettingsOpen] = useState(false);
   const [isLoading] = useState(false);
-  const [isPublicCodeImported, setPublicCodeImported] = useState(false);
-  const [warnings, setWarnings] = useState<Warning[]>([]);
-  const [publicCodeData, setPublicCodeData] = useState<
-    PublicCode | PublicCodeWithDeprecatedFields | undefined
-  >();
   const { t } = useTranslation();
 
   const leftPanel = (
     <div className="content__wrapper">
-      <Editor
-        setData={(d) => {
-          setPublicCodeData(d);
-        }}
-        setWarnings={setWarnings}
-        setPublicCodeImported={setPublicCodeImported}
-        isPublicCodeImported={isPublicCodeImported}
-      />
+      <Editor />
     </div>
   );
 
   const rightPanel = (
     <div className="content__sidebar" id="content-sidebar">
-      {warnings?.length > 0 && (
-        <WarningBox
-          warnings={warnings}
-          setWarnings={(items) => setWarnings(items as Warning[])}
-        />
-      )}
-      <YamlPreview yaml={getYaml(publicCodeData as PublicCode) as string} />
+      <WarningBox />
+      <YamlPreview />
     </div>
   );
 
   return (
-    <Provider store={store}>
+    <div>
       {isLoading && (
         <div className="d-flex align-items-center col-12 position-absolute h-100 w-100">
           <div className="mr-auto ml-auto">
@@ -100,7 +78,7 @@ export const App = () => {
           </div>
         </div>
       </Layout>
-    </Provider>
+    </div>
   );
 };