Added list of registered names

src/pages/IndexPage/Index.tsx

@@ -1,10 +1,11 @@
 import './Index.sass'
-import { Button, Page, Padding, Display, Row, Logo, Column, Box } from '../../components'
+import { Button, Page, Padding, Display, Row, Logo } from '../../components'
 import { onMount } from 'solid-js'
 import { ofetch } from 'ofetch'
 
 const API = import.meta.env.VITE_BACKEND
 let assessorsNameList: string[]
+let registeredNameList: string[]
 
 export default () => {
   const getAssessors = async () => {
@@ -17,8 +18,27 @@ export default () => {
     sessionStorage.setItem('assessors', JSON.stringify([...assessorsNameList]))
   }
 
+  const getRegistered = async () => {
+    let nameList: string[] = []
+
+    try {
+      const registered = await ofetch(API + 'get-list-registered', { parseResponse: JSON.parse })
+
+      for (let i = 0; i < registered.result.length; i++) {
+        const name = await ofetch(API + 'get-employeename/' + registered.result[i], { parseResponse: JSON.parse })
+        nameList.push(name.result)
+      }
+
+      registeredNameList = [...nameList]
+    } catch (error) {
+      console.error(error)
+    }
+    sessionStorage.setItem('registered', JSON.stringify([...registeredNameList]))
+  }
+
   onMount(async () => {
     await getAssessors()
+    await getRegistered()
   })
 
   return (
@@ -38,24 +58,6 @@ export default () => {
               </Row>
             </Row>
           </Display>
-
-          <Display mobile>
-            <Column content="center">
-              <Logo size={120} />
-              <h1>OCBO e-Sign</h1>
-
-              <Button label="Register" edges="curved" to="/main" />
-            </Column>
-          </Display>
-
-          <Row content="spaced">
-            <Box thickness={1} curved>
-              <h2>Assessor</h2>
-            </Box>
-            <Box thickness={1} curved>
-              <h2>Approver</h2>
-            </Box>
-          </Row>
         </Padding>
       </Page>
     </>