Implement computer registration

frontend/src/pages/Index.tsx

@@ -48,7 +48,7 @@ const Groups: React.FC<{ computers: Array<Computer> }> = ({ computers }) => {
 
     return <>
         {
-            Array.from(groupMap.entries()).map((entry, index) => {
+            Array.from(groupMap.entries()).map((entry) => {
                 const [group, computers] = entry;
                 return <div key={group}>
                     <p>{group}:</p>
@@ -63,13 +63,13 @@ const Groups: React.FC<{ computers: Array<Computer> }> = ({ computers }) => {
 const CardList: React.FC<{ computers: Array<Computer> }> = ({ computers }) => {
     return <>
         {computers.map(
-            (computer, index) => <ComputerCard key={computer.uuid} computer={computer} />
+            (computer) => <ComputerCard key={computer.uuid} computer={computer} />
         )}
     </>
 }
 
 const ComputerCard: React.FC<{ computer: Computer }> = ({ computer }) => {
     return <div>
-        {computer.label}
+        {computer.is_advanced ? "advanced " : ""}{computer.type} {computer.label || "(no label)"}
     </div>
 }

frontend/src/proto.ts

@@ -1,9 +1,16 @@
+export type ComputerType =
+    "computer" |
+    "turtle" |
+    "pocket"
+
 export type Computer = {
+    type: ComputerType,
+    is_advanced: boolean,
     uuid: string,
-    label: string,
+    label: string | undefined,
     group: string,
 }
 
 export type State = {
     computers: Array<Computer>
-};
+}