Lunch time reminder is now actually functional

apps/next/src/components/layout/profile/user-info.tsx

@@ -32,6 +32,10 @@ const formSchema = z.object({
   email: z.email({
     message: 'Please enter a valid email address.',
   }),
+  lunchTime: z
+    .string()
+    .trim()
+    .min(3, { message: 'Must be a valid 24-hour time. Example: 13:00'}),
 });
 
 type UserInfoFormProps = {
@@ -44,12 +48,14 @@ export const UserInfoForm = ({ preloadedUser }: UserInfoFormProps) => {
 
   const updateUserName = useMutation(api.auth.updateUserName);
   const updateUserEmail = useMutation(api.auth.updateUserEmail);
+  const updateUserLunchtime = useMutation(api.auth.updateUserLunchtime);
 
   const form = useForm<z.infer<typeof formSchema>>({
     resolver: zodResolver(formSchema),
     defaultValues: {
       name: user?.name ?? '',
       email: user?.email ?? '',
+      lunchTime: user?.lunchTime ?? '',
     },
   });
 
@@ -57,13 +63,16 @@ export const UserInfoForm = ({ preloadedUser }: UserInfoFormProps) => {
     const ops: Promise<unknown>[] = [];
     const name = values.name.trim();
     const email = values.email.trim().toLowerCase();
+    const lunchTime = values.lunchTime.trim();
     if (name !== (user?.name ?? '')) ops.push(updateUserName({ name }));
     if (email !== (user?.email ?? '')) ops.push(updateUserEmail({ email }));
+    if (lunchTime !== (user?.lunchTime ?? ''))
+      ops.push(updateUserLunchtime({ lunchTime }))
     if (ops.length === 0) return;
     setLoading(true);
     try {
       await Promise.all(ops);
-      form.reset({ name, email });
+      form.reset({ name, email, lunchTime });
       toast.success('Profile updated successfully.');
     } catch (error) {
       console.error(error);
@@ -109,6 +118,23 @@ export const UserInfoForm = ({ preloadedUser }: UserInfoFormProps) => {
             )}
           />
 
+          <FormField
+            control={form.control}
+            name='lunchTime'
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Regular Lunch Time</FormLabel>
+                <FormControl>
+                  <Input {...field} />
+                </FormControl>
+                <FormDescription>
+                  Enter the time you take your lunch most often in 24 hour time.
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
           <div className='flex justify-center'>
             <SubmitButton disabled={loading} pendingText='Saving...'>
               Save Changes