Merge pull request #356 from DevLoversTeam/sl/feat/quiz

(SP: 1) [Frontend] Disable quiz editor Save button when no changes made

Author: ViktorSvertoka

frontend/app/[locale]/admin/page.tsx

@@ -1,5 +1,5 @@
-import { Metadata } from 'next';
 import { FileQuestion, MessageSquare, ShoppingBag } from 'lucide-react';
+import { Metadata } from 'next';
 
 import { Link } from '@/i18n/routing';
 

frontend/app/[locale]/admin/quiz/[id]/page.tsx

@@ -2,9 +2,9 @@ import { Metadata } from 'next';
 import { notFound } from 'next/navigation';
 
 import { QuizEditorList } from '@/components/admin/quiz/QuizEditorList';
-import { UploadMoreQuestions } from '@/components/admin/quiz/UploadMoreQuestions';
-import { QuizStatusControls } from '@/components/admin/quiz/QuizStatusControls';
 import { QuizMetadataEditor } from '@/components/admin/quiz/QuizMetadataEditor';
+import { QuizStatusControls } from '@/components/admin/quiz/QuizStatusControls';
+import { UploadMoreQuestions } from '@/components/admin/quiz/UploadMoreQuestions';
 import { getAdminQuizFull } from '@/db/queries/quizzes/admin-quiz';
 import { Link } from '@/i18n/routing';
 import { issueCsrfToken } from '@/lib/security/csrf';

frontend/components/admin/quiz/CreateQuizForm.tsx

@@ -1,12 +1,11 @@
 'use client';
 
-import { useState } from 'react';
-
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 
 import type { AdminCategoryItem } from '@/db/queries/categories/admin-categories';
-import type { JsonQuestion } from '@/lib/validation/admin-quiz';
 import { slugify } from '@/lib/shop/slug';
+import type { JsonQuestion } from '@/lib/validation/admin-quiz';
 
 import { InlineCategoryForm } from './InlineCategoryForm';
 import { JsonUploadArea } from './JsonUploadArea';

frontend/components/admin/quiz/DeleteQuizButton.tsx

@@ -1,8 +1,7 @@
 'use client';
 
-import { useState } from 'react';
-
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 
 interface DeleteQuizButtonProps {
   quizId: string;

frontend/components/admin/quiz/QuestionEditor.tsx

@@ -169,6 +169,7 @@ export function QuestionEditor({
       setValidationError(null);
       setActiveLocale('en');
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isEditing]);
 
   useEffect(() => {
@@ -501,7 +502,7 @@ export function QuestionEditor({
           <button
             type="button"
             onClick={handleSave}
-            disabled={saveStatus === 'saving' || saveStatus === 'saved'}
+            disabled={!isDirty || saveStatus === 'saving' || saveStatus === 'saved'}
             className={cn(
               'rounded-md px-4 py-2 text-sm font-medium transition-colors disabled:opacity-50',
               saveStatus === 'saved'

frontend/components/admin/quiz/QuizListTable.tsx

@@ -1,8 +1,7 @@
+import type { AdminQuizListItem } from '@/db/queries/quizzes/admin-quiz';
 import { Link } from '@/i18n/routing';
 import { cn } from '@/lib/utils';
 
-import type { AdminQuizListItem } from '@/db/queries/quizzes/admin-quiz';
-
 import { DeleteQuizButton } from './DeleteQuizButton';
 
 const TH =

frontend/components/admin/quiz/QuizStatusControls.tsx

@@ -1,8 +1,7 @@
 'use client';
 
-import { useState } from 'react';
-
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 
 interface ConfirmModal {
   title: string;

frontend/components/admin/quiz/UploadMoreQuestions.tsx

@@ -1,8 +1,7 @@
 'use client';
 
-import { useState } from 'react';
-
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 
 import type { JsonQuestion } from '@/lib/validation/admin-quiz';
 

frontend/components/dashboard/AchievementBadge.tsx

@@ -1,38 +1,38 @@
 'use client';
 
 import {
-  motion,
-  useMotionValue,
-  useReducedMotion,
-  useSpring,
-  useTransform,
-} from 'framer-motion';
-import {
-  Fire,
-  Target,
-  Lightning,
   Brain,
+  Code,
+  Crown,
   Diamond,
-  Star,
+  Fire,
+  GithubLogo,
   Heart,
-  Trophy,
-  Rocket,
-  Crown,
-  Code,
   Infinity as InfinityIcon,
-  GithubLogo,
+  Lightning,
   Medal,
-  Seal,
   Moon,
+  Rocket,
+  Seal,
   Shield,
+  Star,
+  Target,
+  Trophy,
   Waves,
 } from '@phosphor-icons/react';
+import {
+  motion,
+  useMotionValue,
+  useReducedMotion,
+  useSpring,
+  useTransform,
+} from 'framer-motion';
 import { useTranslations } from 'next-intl';
-import { useState, useEffect } from 'react';
+import { useEffect,useState } from 'react';
 
 import type {
-  EarnedAchievement,
   AchievementIconName,
+  EarnedAchievement,
 } from '@/lib/achievements';
 
 const ICON_MAP: Record<AchievementIconName, React.ElementType> = {

frontend/components/home/FlipCardQA.tsx

@@ -9,8 +9,8 @@ import {
 } from 'framer-motion';
 import { RotateCw } from 'lucide-react';
 import Image from 'next/image';
-import { useEffect, useRef, useState } from 'react';
 import { useTranslations } from 'next-intl';
+import { useEffect, useRef, useState } from 'react';
 
 interface Question {
   id: number;