feat: add copy quiz feature

src/components/quiz/quiz-info-card.tsx

@@ -1,5 +1,12 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { format } from "date-fns";
-import { Link2Icon, RotateCcwIcon, SearchIcon } from "lucide-react";
+import {
+  Copy,
+  Link2Icon,
+  Loader2,
+  RotateCcwIcon,
+  SearchIcon,
+} from "lucide-react";
 import { useRouter } from "next/navigation";
 import { useContext } from "react";
 import { toast } from "sonner";
@@ -86,10 +93,28 @@ export function QuizInfoCard({
   timerStore,
   resetProgress,
 }: QuizInfoCardProps): React.JSX.Element | null {
-  const { checkPermission } = useContext(AppContext);
+  const { checkPermission, services } = useContext(AppContext);
   const canShare = checkPermission(PermissionAction.SHARE_QUIZZES);
   const canSearchInQuiz = checkPermission(PermissionAction.SEARCH_IN_QUIZ);
   const router = useRouter();
+  const queryClient = useQueryClient();
+
+  const { mutate: copyQuiz, isPending: isCopying } = useMutation({
+    mutationFn: async (quizId: string) => services.quiz.copyQuiz(quizId),
+    onSuccess: async () => {
+      await Promise.all([
+        queryClient.invalidateQueries({ queryKey: ["user-quizzes"] }),
+        queryClient.invalidateQueries({ queryKey: ["last-used-quizzes"] }),
+      ]);
+      toast.success("Quiz został skopiowany do Twojej biblioteki");
+    },
+    onError: (error) => {
+      console.error("Failed to copy quiz", error);
+      toast.error("Nie udało się skopiować quizu", {
+        description: error instanceof Error ? error.message : undefined,
+      });
+    },
+  });
   if (quiz === null) {
     return null;
   }
@@ -177,6 +202,28 @@ export function QuizInfoCard({
                 <TooltipContent>Kopiuj link do quizu</TooltipContent>
               </Tooltip>
             ) : null}
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <Button
+                  size="icon-sm"
+                  variant="outline"
+                  disabled={isCopying}
+                  onClick={() => {
+                    copyQuiz(quiz.id);
+                  }}
+                  aria-label={isCopying ? "Kopiowanie quizu" : "Kopiuj quiz"}
+                >
+                  {isCopying ? (
+                    <Loader2 className="size-5 animate-spin" />
+                  ) : (
+                    <Copy className="size-5" />
+                  )}
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent>
+                {isCopying ? "Kopiowanie..." : "Kopiuj quiz"}
+              </TooltipContent>
+            </Tooltip>
           </div>
           <Tooltip>
             <TooltipTrigger asChild>

src/services/quiz.service.ts

@@ -293,4 +293,9 @@ export class QuizService extends BaseApiService {
     );
     return response.data.current_question;
   }
+
+  async copyQuiz(quizId: string): Promise<Quiz> {
+    const response = await this.post<Quiz>(`quizzes/${quizId}/copy/`);
+    return response.data;
+  }
 }