finalized LOA systems

ui/src/pages/memberList.vue

@@ -23,6 +23,7 @@ import {
     DialogTitle,
     DialogTrigger,
 } from "@/components/ui/dialog"
+import Badge from "@/components/ui/badge/Badge.vue";
 import { computed, ref } from "vue";
 import { Member, getMembers } from "@/api/member";
 import { useRouter } from 'vue-router';
@@ -48,23 +49,9 @@ const searchedMembers = computed(() => {
     return members.value.filter(member => member.member_name.toLowerCase().includes(searchVal.value.toLowerCase()));
 });
 
-// page state systems
-const showLOADialog = ref(false);
-const LOAuserId = ref<number | null>(null);
 </script>
 
 <template>
-    <Dialog v-model:open="showLOADialog" v-on:update:open="showLOADialog = false">
-        <DialogContent>
-            <DialogHeader>
-                <DialogTitle>LOA Menu</DialogTitle>
-                <DialogDescription>
-                    Something something flavor text.
-                </DialogDescription>
-            </DialogHeader>
-            <LoaForm :adminMode="true"></LoaForm>
-        </DialogContent>
-    </Dialog>
 
     <!-- table menu -->
     <div class="w-4xl mx-auto">
@@ -89,9 +76,8 @@ const LOAuserId = ref<number | null>(null);
                     </TableCell>
                     <TableCell>{{ member.rank }}</TableCell>
                     <TableCell>{{ member.status }}</TableCell>
-                    <TableCell>{{ member.status }}</TableCell>
-                    <TableCell>{{ member.status }}</TableCell>
-                    <TableCell @click.stop="console.log('hi')" class="text-right">
+                    <TableCell><Badge v-if="member.on_loa">On LOA</Badge></TableCell>
+                    <TableCell @click.stop="" class="text-right">
                         <DropdownMenu>
                             <DropdownMenuTrigger class="cursor-pointer">
                                 <Ellipsis></Ellipsis>
@@ -99,7 +85,6 @@ const LOAuserId = ref<number | null>(null);
                             <DropdownMenuContent>
                                 <DropdownMenuItem>Change Rank</DropdownMenuItem>
                                 <DropdownMenuItem>Transfer</DropdownMenuItem>
-                                <DropdownMenuItem @click="showLOADialog = true">LOA</DropdownMenuItem>
                                 <DropdownMenuItem :variant="'destructive'">Retire</DropdownMenuItem>
                             </DropdownMenuContent>
                         </DropdownMenu>