update the integration with actual params objects (#236)

* update the integration with actual params objects

* lint

Author: Tech-lo

src/components/routes/china-restrictions/ChinaRestrictionsPage.tsx

@@ -6,17 +6,11 @@ import { format } from "date-fns";
 import { Navigate } from "react-router-dom";
 import { Pecha } from "@/components/ui/shadimport";
 import { Button } from "@/components/ui/atoms/button";
-import {
-  DialogDescription,
-  DialogFooter,
-} from "@/components/ui/atoms/dialog";
+import { DialogDescription, DialogFooter } from "@/components/ui/atoms/dialog";
 import { Pagination } from "@/components/ui/molecules/pagination/Pagination";
 import { getApiErrorMessage } from "@/lib/apiErrors";
 import { useUserInfo } from "@/hooks/useUserInfo";
-import {
-  canAccessAdminAuthors,
-  isSuperAdmin,
-} from "@/lib/platformAccess";
+import { canAccessAdminAuthors, isSuperAdmin } from "@/lib/platformAccess";
 import { ROUTES } from "@/routes/paths";
 import {
   createChinaRestrictedItem,

src/components/routes/dashboard/dashboardTableUi.tsx

@@ -70,7 +70,5 @@ export function statusChip(status: string) {
 }
 
 export function languageChip(code: DashboardLanguageCode) {
-  return (
-    <span className={LANGUAGE_CHIP_CLASS}>{languageChipLabel(code)}</span>
-  );
+  return <span className={LANGUAGE_CHIP_CLASS}>{languageChipLabel(code)}</span>;
 }

src/components/routes/groups/GroupAboutEditPage.tsx

@@ -40,12 +40,8 @@ type AssociationBaselines = {
 };
 
 const GroupAboutEditPage = () => {
-  const {
-    group,
-    groupId,
-    myRole,
-    readOnlyPlatform,
-  } = useOutletContext<GroupOutletContext>();
+  const { group, groupId, myRole, readOnlyPlatform } =
+    useOutletContext<GroupOutletContext>();
   const queryClient = useQueryClient();
   const hydratedRef = useRef<string | null>(null);
 

src/components/routes/groups/GroupAboutPage.tsx

@@ -4,10 +4,7 @@ import { Pecha } from "@/components/ui/shadimport";
 import { Button } from "@/components/ui/atoms/button";
 import type { LanguageCode } from "@/schema/SeriesSchema";
 import { ROUTES } from "@/routes/paths";
-import {
-  languageLabelForCode,
-  resolveGroupBannerUrl,
-} from "./api/groupsApi";
+import { languageLabelForCode, resolveGroupBannerUrl } from "./api/groupsApi";
 import { canEditGroupSettings } from "./lib/groupPermissions";
 import { GroupDetailCard } from "./components/GroupSection";
 import type { GroupOutletContext } from "./GroupLayout";

src/components/routes/groups/GroupLayout.tsx

@@ -216,7 +216,10 @@ const GroupLayout = () => {
         </div>
       </GroupPageShell>
 
-      <Pecha.AlertDialog open={deleteOpen} onOpenChange={handleDeleteOpenChange}>
+      <Pecha.AlertDialog
+        open={deleteOpen}
+        onOpenChange={handleDeleteOpenChange}
+      >
         <Pecha.AlertDialogContent>
           <Pecha.AlertDialogHeader>
             <Pecha.AlertDialogTitle>Delete group?</Pecha.AlertDialogTitle>

src/components/routes/groups/GroupMembersPage.tsx

@@ -5,9 +5,7 @@ import type { GroupOutletContext } from "./GroupLayout";
 const GroupMembersPage = () => {
   const { group, groupId } = useOutletContext<GroupOutletContext>();
 
-  return (
-    <GroupMembersPanel groupId={groupId} members={group.members ?? []} />
-  );
+  return <GroupMembersPanel groupId={groupId} members={group.members ?? []} />;
 };
 
 export default GroupMembersPage;

src/components/routes/groups/GroupsList.tsx

@@ -1,5 +1,9 @@
 import { useNavigate } from "react-router-dom";
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/atoms/avatar";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+} from "@/components/ui/atoms/avatar";
 import { ROUTES } from "@/routes/paths";
 import {
   groupTypeLabel,

src/components/routes/groups/components/GroupAccumulatorsPanel.tsx

@@ -87,10 +87,9 @@ const GroupAccumulatorsPanel = ({
   const platformReadOnly = isReviewer(userInfo?.platform_role);
   const canCreate =
     !platformReadOnly && groupRole != null && groupRole !== "VIEWER";
-  const canManage = !platformReadOnly && canChangeContentStatus(
-    groupRole,
-    userInfo?.platform_role,
-  );
+  const canManage =
+    !platformReadOnly &&
+    canChangeContentStatus(groupRole, userInfo?.platform_role);
 
   const [dialogOpen, setDialogOpen] = useState(false);
   const [editing, setEditing] = useState<GroupAccumulatorDTO | null>(null);
@@ -122,7 +121,9 @@ const GroupAccumulatorsPanel = ({
     let cancelled = false;
     searchAccumulatorPresets({ limit: 100 }).then((result) => {
       if (cancelled) return;
-      const match = result.items.find((preset) => preset.id === form.preset?.id);
+      const match = result.items.find(
+        (preset) => preset.id === form.preset?.id,
+      );
       if (match) {
         setForm((prev) => ({ ...prev, preset: match }));
       }
@@ -318,8 +319,12 @@ const GroupAccumulatorsPanel = ({
                         ? accumulator.target_count.toLocaleString()
                         : "—"}
                     </span>
-                    <span>Start: {formatAccumulatorDate(accumulator.start_date)}</span>
-                    <span>End: {formatAccumulatorDate(accumulator.end_date)}</span>
+                    <span>
+                      Start: {formatAccumulatorDate(accumulator.start_date)}
+                    </span>
+                    <span>
+                      End: {formatAccumulatorDate(accumulator.end_date)}
+                    </span>
                     <span>
                       Joined:{" "}
                       {accumulator.member_count != null
@@ -401,7 +406,10 @@ const GroupAccumulatorsPanel = ({
             <div className="grid sm:grid-cols-2 gap-4">
               <div className="space-y-2">
                 <p className="text-sm font-bold">Start date</p>
-                <Pecha.Popover open={startDateOpen} onOpenChange={setStartDateOpen}>
+                <Pecha.Popover
+                  open={startDateOpen}
+                  onOpenChange={setStartDateOpen}
+                >
                   <Pecha.PopoverTrigger asChild>
                     <Button
                       type="button"
@@ -469,7 +477,9 @@ const GroupAccumulatorsPanel = ({
                     <Pecha.Calendar
                       mode="single"
                       selected={
-                        form.end_date ? fromBackendISO(form.end_date) : undefined
+                        form.end_date
+                          ? fromBackendISO(form.end_date)
+                          : undefined
                       }
                       onSelect={(d) => {
                         setEndDateOpen(false);
@@ -501,14 +511,19 @@ const GroupAccumulatorsPanel = ({
                   >
                     <span
                       className={
-                        form.preset ? "text-foreground" : "text-muted-foreground"
+                        form.preset
+                          ? "text-foreground"
+                          : "text-muted-foreground"
                       }
                     >
                       {presetTriggerLabel}
                     </span>
                   </Button>
                 </Pecha.PopoverTrigger>
-                <Pecha.PopoverContent className="w-[--radix-popover-trigger-width] p-0" align="start">
+                <Pecha.PopoverContent
+                  className="w-[--radix-popover-trigger-width] p-0"
+                  align="start"
+                >
                   <Pecha.Command shouldFilter={false}>
                     <Pecha.CommandInput
                       placeholder="Search presets…"
@@ -601,8 +616,8 @@ const GroupAccumulatorsPanel = ({
             <Pecha.AlertDialogTitle>Delete accumulator?</Pecha.AlertDialogTitle>
             <Pecha.AlertDialogDescription>
               This will remove &ldquo;
-              {deleteTarget?.title?.trim() || "Untitled accumulator"}&rdquo; from
-              the group. This action cannot be undone.
+              {deleteTarget?.title?.trim() || "Untitled accumulator"}&rdquo;
+              from the group. This action cannot be undone.
             </Pecha.AlertDialogDescription>
           </Pecha.AlertDialogHeader>
           <Pecha.AlertDialogFooter>

src/components/routes/groups/components/GroupTitleWithAvatar.tsx

@@ -1,4 +1,8 @@
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/atoms/avatar";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+} from "@/components/ui/atoms/avatar";
 import { cn } from "@/lib/utils";
 
 type GroupTitleWithAvatarProps = {
@@ -23,12 +27,9 @@ const GroupTitleWithAvatar = ({
 }: GroupTitleWithAvatarProps) => {
   return (
     <div className={cn("flex items-center gap-3 min-w-0", className)}>
-    
       <Avatar className={cn(sizeClasses[size], "shrink-0")}>
         <AvatarImage src={avatarUrl ?? undefined} />
-        <AvatarFallback>
-          {title.charAt(0)}
-        </AvatarFallback>
+        <AvatarFallback>{title.charAt(0)}</AvatarFallback>
       </Avatar>
       <span className={cn("truncate", titleClassName)}>{title}</span>
     </div>

src/components/routes/series-details/SeriesDetailsPage.test.tsx

@@ -167,7 +167,10 @@ describe("SeriesDetailsPage", () => {
 
   it("updates URL params when selecting a language tab", async () => {
     const queryClient = new QueryClient({
-      defaultOptions: { queries: { retry: false }, mutations: { retry: false } },
+      defaultOptions: {
+        queries: { retry: false },
+        mutations: { retry: false },
+      },
     });
 
     render(