[CLIENT] Format fix

HakkaOfDev · Mar 23, 2022 · 4db68c3 · 4db68c3
1 parent 670a182
commit 4db68c3
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 9 deletions.
diff --git a/client/pages/admin/devices.tsx b/client/pages/admin/devices.tsx
@@ -64,6 +64,9 @@ const DeviceItem = ({
       <Td>
         <Text>{displayName}</Text>
       </Td>
+      <Td>
+        <Text>{onuId}</Text>
+      </Td>
       <Td>
         <Text>{macAddress}</Text>
       </Td>
@@ -158,6 +161,7 @@ const DevicesPage = () => {
               <Tr>
                 <Th>TYPE</Th>
                 <Th>DISPLAY NAME</Th>
+                <Th>ID</Th>
                 <Th>MAC ADDRESS</Th>
                 <Th>IP ADDRESS</Th>
                 <Th>DISTANCE</Th>

diff --git a/client/pages/admin/documentation.tsx b/client/pages/admin/documentation.tsx
@@ -7,30 +7,35 @@ const DocumentationPage = () => {
   return (
     <PageLayout title='Settings' description='Manage your app.'>
       <VStack spacing={3} justify='start' w='100%'>
-        <Heading fontSize='lg'>Documentation</Heading>
-        <Heading fontSize='md'>Installation</Heading>
+        <Heading>Documentation</Heading>
+        <Heading fontSize='lg'>Installation</Heading>
         <Text>
           You can find a complete guide about the installation on the{' '}
           <ExternalLink href='https://github.com/HakkaOfDev/AC-Vision'>
             GitHub repository
           </ExternalLink>
           .
         </Text>
-        <Heading fontSize='md'>Workflow</Heading>
+        <Heading fontSize='lg'>Workflow</Heading>
         <Text>
-          The workflow have controls, zoom, a locker to lock the position of items and a resizer to fit the view. Go on 
-          <InlineLink href='/admin/workflow'>Map Page</InlineLink> and try by yourself.
+          The workflow have controls, zoom, a locker to lock the position of
+          items and a resizer to fit the view. Go on{' '}
+          <InlineLink href='/admin/workflow'>Map Page</InlineLink> and try by
+          yourself.
         </Text>
-        <Heading fontSize='md'>Settings</Heading>
+        <Heading fontSize='lg'>Settings</Heading>
         <Text>
           Two seetings are presents on the application. The first is{' '}
           <Code>OLT IP</Code>, it permit to change the OLT IP in case the IP
           will be changed. To change it, go on{' '}
           <InlineLink href='/admin/settings'>Settings Page</InlineLink>, enter
           the new IP on the input and press on the button right on it.<br></br>
-          The second is the <Code>ONU's displayName</Code>, same as first, select your ONU
-          from his ID, insert his new displayName and press the button.
+          The second is the <Code>ONU's displayName</Code>, same as first,
+          select your ONU from his ID, insert his new displayName and press the
+          button.
         </Text>
+        <Heading fontSize='lg'>Theming</Heading>
+        <Text>You can change your theme by clicking on the lune or sun icon on the top navbar.</Text>
       </VStack>
     </PageLayout>
   );

diff --git a/client/pages/admin/workflow.tsx b/client/pages/admin/workflow.tsx
@@ -48,7 +48,6 @@ const WorkflowPage = () => {
     socket.on('ONU', async (data: Notification) => {
       await fetch('http://ac-vision/api/v1.0/ressources/map/update');
       await updateNetwork(false);
-      console.log('Data received');
       toast({
         title: `ONU ${data.onuid} ${data.status} on gponPort ${data.gponPort}`,
         description: data.reason