Refactor PR details dialog

app/package.json

@@ -15,6 +15,7 @@
     "@hookform/resolvers": "^3.9.1",
     "@radix-ui/react-accordion": "^1.2.2",
     "@radix-ui/react-avatar": "^1.1.2",
+    "@radix-ui/react-checkbox": "^1.1.3",
     "@radix-ui/react-dialog": "^1.1.4",
     "@radix-ui/react-dropdown-menu": "^2.1.4",
     "@radix-ui/react-label": "^2.1.1",

app/src/components/ui/checkbox.tsx

@@ -0,0 +1,28 @@
+import * as React from "react"
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
+import { Check } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Checkbox = React.forwardRef<
+  React.ElementRef<typeof CheckboxPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <CheckboxPrimitive.Root
+    ref={ref}
+    className={cn(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    )}
+    {...props}
+  >
+    <CheckboxPrimitive.Indicator
+      className={cn("flex items-center justify-center text-current")}
+    >
+      <Check className="h-4 w-4" />
+    </CheckboxPrimitive.Indicator>
+  </CheckboxPrimitive.Root>
+))
+Checkbox.displayName = CheckboxPrimitive.Root.displayName
+
+export { Checkbox }

app/src/lib/api/mutations/repositories.ts

@@ -9,6 +9,7 @@ export const repositoriesMutations = {
   useAddRepository,
   useFollowRepository,
   useDeleteRepository,
+  useUpdateMilltimeProject,
 };
 
 function useAddRepository(options?: DefaultMutationOptions<AddRepositoryBody>) {
@@ -107,3 +108,26 @@ export type DeleteRepositoryBody = {
   project: string;
   repoName: string;
 };
+
+type UpdateMilltimeProjectsBody = RepoKey & {
+  milltimeProjectIds: string[];
+};
+
+function useUpdateMilltimeProjects(
+  options?: DefaultMutationOptions<UpdateMilltimeProjectsBody>,
+) {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationKey: ["updateMilltimeProjects"],
+    mutationFn: (body: UpdateMilltimeProjectsBody) =>
+      api.post("repositories/milltime-projects", {
+        json: body,
+      }),
+    ...options,
+    onSuccess: (data, vars, ctx) => {
+      queryClient.invalidateQueries(queries.differs());
+      options?.onSuccess?.(data, vars, ctx);
+    },
+  });
+}

app/src/lib/api/queries/differs.ts

@@ -22,4 +22,5 @@ export type Differ = {
     nanos: number;
   } | null;
   isInvalid: boolean;
+  milltimeProjectId?: string;
 };