chore: format (#85)

Author: kevinmichaelchen

ui/src/app/dashboard/actions.ts

@@ -1,29 +1,29 @@
-"use server";
+'use server'
 
-import { Timestamp } from "@bufbuild/protobuf";
-import { createPromiseClient } from "@connectrpc/connect";
-import { TemporalService } from "@buf/kevinmichaelchen_temporalapis.connectrpc_es/temporal/v1beta1/api_connect";
-import { createConnectTransport } from "@connectrpc/connect-web";
+import { Timestamp } from '@bufbuild/protobuf'
+import { createPromiseClient } from '@connectrpc/connect'
+import { TemporalService } from '@buf/kevinmichaelchen_temporalapis.connectrpc_es/temporal/v1beta1/api_connect'
+import { createConnectTransport } from '@connectrpc/connect-web'
 
 const temporalClient = createPromiseClient(
   TemporalService,
   createConnectTransport({
-    baseUrl: "http://localhost:8081",
+    baseUrl: 'http://localhost:8081',
   }),
-);
+)
 
 export async function createOnboardingWorkflow({
   orgName,
   profileName,
   start,
   end,
 }: {
-  orgName: string;
-  profileName: string;
-  start: Date;
-  end: Date;
+  orgName: string
+  profileName: string
+  start: Date
+  end: Date
 }) {
-  "use server";
+  'use server'
   const response = await temporalClient.createOnboardingWorkflow({
     org: {
       name: orgName,
@@ -35,6 +35,6 @@ export async function createOnboardingWorkflow({
     profile: {
       name: profileName,
     },
-  });
-  return response;
+  })
+  return response
 }

ui/src/app/dashboard/page.tsx

@@ -1,9 +1,9 @@
-"use client";
+'use client'
 
-import * as React from "react";
-import { Button } from "@/components/ui/button";
-import Link from "next/link";
-import { toast } from "sonner";
+import * as React from 'react'
+import { Button } from '@/components/ui/button'
+import Link from 'next/link'
+import { toast } from 'sonner'
 import {
   Dialog,
   DialogContent,
@@ -12,7 +12,7 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from "@/components/ui/dialog";
+} from '@/components/ui/dialog'
 import {
   Form,
   FormControl,
@@ -21,22 +21,22 @@ import {
   FormItem,
   FormLabel,
   FormMessage,
-} from "@/components/ui/form";
-import { Input } from "@/components/ui/input";
-import { DateFormatter } from "react-day-picker";
-import { CalendarIcon } from "@radix-ui/react-icons";
-import { cn } from "@/lib/utils";
-import { format } from "date-fns";
-import { Calendar } from "@/components/ui/calendar";
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { DateFormatter } from 'react-day-picker'
+import { CalendarIcon } from '@radix-ui/react-icons'
+import { cn } from '@/lib/utils'
+import { format } from 'date-fns'
+import { Calendar } from '@/components/ui/calendar'
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@/components/ui/popover";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import * as z from "zod";
-import { createOnboardingWorkflow } from "@/app/dashboard/actions";
+} from '@/components/ui/popover'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import * as z from 'zod'
+import { createOnboardingWorkflow } from '@/app/dashboard/actions'
 
 // `app/dashboard/page.tsx` is the UI for the `/dashboard` URL
 export default function Page() {
@@ -50,70 +50,70 @@ export default function Page() {
         </Link>
       </div>
     </div>
-  );
+  )
 }
 
 const seasonEmoji: Record<string, string> = {
-  winter: "⛄️",
-  spring: "🌸",
-  summer: "🌻",
-  autumn: "🍂",
-};
+  winter: '⛄️',
+  spring: '🌸',
+  summer: '🌻',
+  autumn: '🍂',
+}
 
 const getSeason = (month: Date): string => {
-  const monthNumber = month.getMonth();
-  if (monthNumber >= 0 && monthNumber < 3) return "winter";
-  if (monthNumber >= 3 && monthNumber < 6) return "spring";
-  if (monthNumber >= 6 && monthNumber < 9) return "summer";
-  else return "autumn";
-};
+  const monthNumber = month.getMonth()
+  if (monthNumber >= 0 && monthNumber < 3) return 'winter'
+  if (monthNumber >= 3 && monthNumber < 6) return 'spring'
+  if (monthNumber >= 6 && monthNumber < 9) return 'summer'
+  else return 'autumn'
+}
 
 const formatCaption: DateFormatter = (month, options) => {
-  const season = getSeason(month);
+  const season = getSeason(month)
   return (
     <>
       <span role="img" aria-label={season}>
         {seasonEmoji[season]}
-      </span>{" "}
-      {format(month, "LLLL", { locale: options?.locale })}
+      </span>{' '}
+      {format(month, 'LLLL', { locale: options?.locale })}
     </>
-  );
-};
+  )
+}
 
 const formSchema = z.object({
   orgName: z.string().min(2, {
-    message: "Organization name must be at least 2 characters.",
+    message: 'Organization name must be at least 2 characters.',
   }),
   profileName: z.string().min(2, {
-    message: "User display name must be at least 2 characters.",
+    message: 'User display name must be at least 2 characters.',
   }),
   startDate: z.date({
-    required_error: "Please select a date",
+    required_error: 'Please select a date',
     invalid_type_error: "That's not a date!",
   }),
   endDate: z.date({
-    required_error: "Please select a date",
+    required_error: 'Please select a date',
     invalid_type_error: "That's not a date!",
   }),
-});
+})
 
 export function CreateWorkflowDialog() {
   const form = useForm<z.infer<typeof formSchema>>({
     resolver: zodResolver(formSchema),
-  });
+  })
 
   async function onSubmit(values: z.infer<typeof formSchema>) {
     // Do something with the form values.
     // ✅ This will be type-safe and validated.
-    console.log(values);
-    toast("form submit" + JSON.stringify(values));
+    console.log(values)
+    toast('form submit' + JSON.stringify(values))
     const response = await createOnboardingWorkflow({
       orgName: values.orgName,
       profileName: values.profileName,
       start: values.startDate,
       end: values.startDate,
-    });
-    toast(response.toJsonString());
+    })
+    toast(response.toJsonString())
   }
 
   return (
@@ -173,14 +173,14 @@ export function CreateWorkflowDialog() {
                       <Popover>
                         <PopoverTrigger asChild>
                           <Button
-                            variant={"outline"}
+                            variant={'outline'}
                             className={cn(
-                              "pl-3 text-left font-normal",
-                              !field.value && "text-muted-foreground",
+                              'pl-3 text-left font-normal',
+                              !field.value && 'text-muted-foreground',
                             )}
                           >
                             {field.value ? (
-                              format(field.value, "yyyy-MM-dd")
+                              format(field.value, 'yyyy-MM-dd')
                             ) : (
                               <span className="pr-1">Pick a date</span>
                             )}
@@ -218,14 +218,14 @@ export function CreateWorkflowDialog() {
                       <Popover>
                         <PopoverTrigger asChild>
                           <Button
-                            variant={"outline"}
+                            variant={'outline'}
                             className={cn(
-                              "pl-3 text-left font-normal",
-                              !field.value && "text-muted-foreground",
+                              'pl-3 text-left font-normal',
+                              !field.value && 'text-muted-foreground',
                             )}
                           >
                             {field.value ? (
-                              format(field.value, "yyyy-MM-dd")
+                              format(field.value, 'yyyy-MM-dd')
                             ) : (
                               <span className="pr-1">Pick a date</span>
                             )}
@@ -259,5 +259,5 @@ export function CreateWorkflowDialog() {
         </Form>
       </DialogContent>
     </Dialog>
-  );
+  )
 }

ui/src/components/ui/button.tsx

@@ -1,37 +1,37 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
+import * as React from 'react'
+import { Slot } from '@radix-ui/react-slot'
+import { cva, type VariantProps } from 'class-variance-authority'
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils'
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',
   {
     variants: {
       variant: {
         default:
-          "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+          'bg-primary text-primary-foreground shadow hover:bg-primary/90',
         destructive:
-          "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+          'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
         outline:
-          "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+          'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
         secondary:
-          "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline",
+          'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
+        ghost: 'hover:bg-accent hover:text-accent-foreground',
+        link: 'text-primary underline-offset-4 hover:underline',
       },
       size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9",
+        default: 'h-9 px-4 py-2',
+        sm: 'h-8 rounded-md px-3 text-xs',
+        lg: 'h-10 rounded-md px-8',
+        icon: 'h-9 w-9',
       },
     },
     defaultVariants: {
-      variant: "default",
-      size: "default",
+      variant: 'default',
+      size: 'default',
     },
-  }
+  },
 )
 
 export interface ButtonProps
@@ -42,16 +42,16 @@ export interface ButtonProps
 
 const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button"
+    const Comp = asChild ? Slot : 'button'
     return (
       <Comp
         className={cn(buttonVariants({ variant, size, className }))}
         ref={ref}
         {...props}
       />
     )
-  }
+  },
 )
-Button.displayName = "Button"
+Button.displayName = 'Button'
 
 export { Button, buttonVariants }