feat: three panel UI implementation of the DataStore App

i18n/en.pot

@@ -5,21 +5,36 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2024-12-05T03:27:06.316Z\n"
-"PO-Revision-Date: 2024-12-05T03:27:06.317Z\n"
+"POT-Creation-Date: 2024-12-20T17:43:52.507Z\n"
+"PO-Revision-Date: 2024-12-20T17:43:52.508Z\n"
 
 msgid "View keys"
 msgstr "View keys"
 
 msgid "Click a namespace to view its keys"
 msgstr "Click a namespace to view its keys"
 
-msgid "Add New Key"
-msgstr "Add New Key"
+msgid "Select a namespace and key to edit its values"
+msgstr "Select a namespace and key to edit its values"
+
+msgid "An error occurred"
+msgstr "An error occurred"
+
+msgid "Error"
+msgstr "Error"
 
 msgid "Add New Namespace"
 msgstr "Add New Namespace"
 
+msgid "Add New Key"
+msgstr "Add New Key"
+
+msgid "Add Namespace"
+msgstr "Add Namespace"
+
+msgid "Add Key"
+msgstr "Add Key"
+
 msgid "Namespace"
 msgstr "Namespace"
 
@@ -29,36 +44,18 @@ msgstr "Key"
 msgid "Cancel"
 msgstr "Cancel"
 
-msgid "Add Key"
-msgstr "Add Key"
-
-msgid "Add Namespace"
-msgstr "Add Namespace"
-
-msgid "Key created successfully"
-msgstr "Key created successfully"
-
-msgid "There was an error creating the key"
-msgstr "There was an error creating the key"
-
-msgid "Add new namespace"
-msgstr "Add new namespace"
-
-msgid "New namespace"
-msgstr "New namespace"
+msgid "Delete Namespace"
+msgstr "Delete Namespace"
 
-msgid "Add new key"
-msgstr "Add new key"
+msgid "Delete Key"
+msgstr "Delete Key"
 
-msgid "New key"
-msgstr "New key"
+msgid "This will delete all the keys in this namespace"
+msgstr "This will delete all the keys in this namespace"
 
 msgid "Delete"
 msgstr "Delete"
 
-msgid "Failed to fetch key values!"
-msgstr "Failed to fetch key values!"
-
 msgid "Key successfully updated"
 msgstr "Key successfully updated"
 
@@ -71,38 +68,29 @@ msgstr "Loading"
 msgid "Save changes"
 msgstr "Save changes"
 
-msgid "Key deleted successfully"
-msgstr "Key deleted successfully"
-
-msgid "There was an error deleting the key"
-msgstr "There was an error deleting the key"
-
-msgid "There was an error while deleting the key"
-msgstr "There was an error while deleting the key"
+msgid "delete"
+msgstr "delete"
 
-msgid "Error fetching namespaces"
-msgstr "Error fetching namespaces"
+msgid "New namespace"
+msgstr "New namespace"
 
-msgid "Namespaces"
-msgstr "Namespaces"
+msgid "New key"
+msgstr "New key"
 
-msgid "This will delete all the keys in this namespace"
-msgstr "This will delete all the keys in this namespace"
+msgid "create"
+msgstr "create"
 
 msgid "DataStore"
 msgstr "DataStore"
 
-msgid "User DataStore"
-msgstr "User DataStore"
+msgid "UserDataStore"
+msgstr "UserDataStore"
 
 msgid "Search"
 msgstr "Search"
 
-msgid "An error has occurred"
-msgstr "An error has occurred"
-
-msgid "Back"
-msgstr "Back"
+msgid "Key created successfully"
+msgstr "Key created successfully"
 
-msgid "Back to DataStore"
-msgstr "Back to DataStore"
+msgid "There was an error creating the key"
+msgstr "There was an error creating the key"

src/App.tsx

@@ -1,12 +1,12 @@
 import React, { FC } from 'react'
 import { RouterProvider } from 'react-router-dom'
-import AppWrapper from './components/AppWrapper'
-import { router } from './routes/Router'
+import AppWrapper from './components/appWrapper'
+import { threePanelRouter } from './routes/PanelRouter'
 
 const App: FC = () => {
     return (
         <AppWrapper>
-            <RouterProvider router={router} />
+            <RouterProvider router={threePanelRouter} />
         </AppWrapper>
     )
 }