feat: add dynamic routing (#25)

src/components/LayoutArm/LayoutArm.tsx

@@ -5,20 +5,33 @@ import { Navigate, Route, Routes } from 'react-router-dom';
 import Sidebar from '../Sidebar';
 import Orders from '../Orders';
 import Masters from '../Masters';
+import { URLs } from '../../__data__/urls';
 
-const LayoutArm = () => (
-  <Flex h='100vh'>
-    <Sidebar />
-    <Box flex='1' bg='gray.50'>
-      <Routes>
-        <Route>
-          <Route index element={<Navigate to='orders' replace />} />
-          <Route path='orders' element={<Orders />} />
-          <Route path='masters' element={<Masters />} />
-        </Route>
-      </Routes>
-    </Box>
-  </Flex>
-);
+const LayoutArm = () => {
+  let defaultRedirect = null;
+
+  if (URLs.armOrder.isOn) {
+    defaultRedirect = URLs.armOrder.url;
+  } else if (URLs.armMaster.isOn) {
+    defaultRedirect = URLs.armMaster.url;
+  }
+
+  return (
+    <Flex h='100vh'>
+      <Sidebar />
+      <Box flex='1' bg='gray.50'>
+        <Routes>
+          <Route index element={<Navigate to={defaultRedirect} replace />} />
+          {URLs.armOrder.isOn && (
+            <Route path={URLs.armOrder.url} element={<Orders />} />
+          )}
+          {URLs.armMaster.isOn && (
+            <Route path={URLs.armMaster.url} element={<Masters />} />
+          )}
+        </Routes>
+      </Box>
+    </Flex>
+  );
+};
 
 export default LayoutArm;

src/components/Sidebar/Sidebar.tsx

@@ -2,6 +2,7 @@ import { Box, Button, Heading, VStack, Divider } from '@chakra-ui/react';
 import React from 'react';
 import { Link } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
+import { URLs } from '../../__data__/urls';
 
 const Sidebar = () => {
   const { t } = useTranslation('~', {
@@ -23,25 +24,29 @@ const Sidebar = () => {
 
       <VStack align='start' spacing='4'>
         <Divider />
-        <Button
-          as={Link}
-          to='orders'
-          w='100%'
-          colorScheme='green'
-          variant='ghost'
-        >
-          {t('orders')}
-        </Button>
+        {URLs.armOrder.isOn && (
+          <Button
+            as={Link}
+            to={URLs.armOrder.url}
+            w='100%'
+            colorScheme='green'
+            variant='ghost'
+          >
+            {t('orders')}
+          </Button>
+        )}
         <Divider />
-        <Button
-          as={Link}
-          to='masters'
-          w='100%'
-          colorScheme='green'
-          variant='ghost'
-        >
-          {t('master')}
-        </Button>
+        {URLs.armMaster.isOn && (
+          <Button
+            as={Link}
+            to={URLs.armMaster.url}
+            w='100%'
+            colorScheme='green'
+            variant='ghost'
+          >
+            {t('master')}
+          </Button>
+        )}
         <Divider />
       </VStack>
     </Box>