Wrapped up discharge form close #159

ui/src/components/members/DischargeMember.vue

@@ -18,8 +18,9 @@ import { Input } from '@/components/ui/input'
 import { Textarea } from '@/components/ui/textarea'
 import MemberCard from './MemberCard.vue'
 import { Member } from '@shared/types/member'
+import { Discharge, dischargeSchema } from '@shared/schemas/dischargeSchema';
+import { dischargeMember } from '@/api/member'
 
-// 1. Props for control and data
 const props = defineProps<{
     open: boolean
     member: Member | null
@@ -27,18 +28,17 @@ const props = defineProps<{
 
 const emit = defineEmits(['update:open', 'discharged'])
 
-// 2. Discharge-specific schema
-const formSchema = toTypedSchema(z.object({
-    reason: z.string().min(1, "Please provide a valid reason for discharge").max(200),
-    effectiveDate: z.string().min(1, "Date is required"),
-}))
+const formSchema = toTypedSchema(dischargeSchema);
 
-function onSubmit(values: any) {
+async function onSubmit(values: z.infer<typeof dischargeSchema>) {
+    const data: Discharge = { userID: props.member.member_id, reason: values.reason }
     console.log('Discharging member:', props.member?.member_id)
-    console.log('Discharge Data:', values)
+    console.log('Discharge Data:', data)
+
+    await dischargeMember(data);
 
     // Notify parent to refresh/close
-    emit('discharged', { memberId: props.member?.member_id, ...values })
+    emit('discharged', { data })
     emit('update:open', false)
 }
 </script>
@@ -62,19 +62,19 @@ function onSubmit(values: any) {
                     <VeeField v-slot="{ componentField, errors }" name="reason">
                         <Field :data-invalid="!!errors.length">
                             <FieldLabel>Reason for Discharge</FieldLabel>
-                            <Textarea placeholder="Retirement, inactivity, etc. "
-                                v-bind="componentField" class="resize-none" />
+                            <Textarea placeholder="Retirement, inactivity, etc. " v-bind="componentField"
+                                class="resize-none" />
                             <FieldError v-if="errors.length" :errors="errors" />
                         </Field>
                     </VeeField>
 
-                    <VeeField v-slot="{ componentField, errors }" name="effectiveDate">
+                    <!-- <VeeField v-slot="{ componentField, errors }" name="effectiveDate">
                         <Field :data-invalid="!!errors.length">
                             <FieldLabel>Effective Date</FieldLabel>
                             <Input type="date" v-bind="componentField" />
                             <FieldError v-if="errors.length" :errors="errors" />
                         </Field>
-                    </VeeField>
+                    </VeeField> -->
                 </form>
             </Form>