refactor: create dedicated progress feature

AlexVOiceover · claude · AlexVOiceover · commit a01a5b2a97be · 2025-04-02T12:45:53.000+01:00
- Create new progress feature folder structure for better organization - Move ProgressWithFeedback component from UI to progress/components - Move useProgressFeedback hook from general hooks to progress/hooks - Create barrel files for cleaner imports and exports - Update import paths in affected files - Fix import path for shareStatements in ShareEmailModal 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/src/components/modals/GratitudeModal.tsx b/src/components/modals/GratitudeModal.tsx
@@ -8,7 +8,7 @@ import {
 } from '../ui/Dialog';
 import { Button } from '../ui/Button';
 import { Loader2, Heart } from 'lucide-react';
-import { sendGratitude } from '../../features/email/api/gratitudeApi';
+import { sendGratitude } from '../../features/email/api/emailGratitudeApi';
 import { useEntries } from '../../features/statements/hooks/useEntries';
 import { Action } from '../../types/entries';
 
diff --git a/src/components/modals/ShareEmailModal.tsx b/src/components/modals/ShareEmailModal.tsx
@@ -5,12 +5,12 @@ import {
   SimpleDialog as Dialog,
   SimpleDialogContent as DialogContent,
   SimpleDialogDescription as DialogDescription,
-} from '../ui/Dialog';
-import { Button } from '../ui/Button';
-import { useEntries } from '../../features/statements/hooks/useEntries';
-import { shareStatements } from '../../features/email/api/emailApi';
+} from '@/components/ui/Dialog';
+import { Button } from '@/components/ui/Button';
+import { useEntries } from '@/features/statements';
+import { shareStatements } from '@/features/email/api/emailStatementsApi';
 import { Loader2 } from 'lucide-react';
-import { getVerbName } from '../../lib/utils/verbUtils';
+import { getVerbName } from '@/lib/utils/verbUtils';
 import PrivacyModal from './PrivacyModal';
 
 const ShareEmailModal: React.FC<{ onClose: () => void }> = ({ onClose }) => {
diff --git a/src/components/modals/UserDataModal.tsx b/src/components/modals/UserDataModal.tsx
@@ -6,7 +6,8 @@ import { useAuth } from '@/features/auth/api/hooks';
 import { Button } from '@/components/ui/Button';
 import { Save, X, User, Mail, Award, Edit2, LogOut } from 'lucide-react';
 import { validateEmail } from '@/lib/utils/validateEmail';
-import { QuestionCounter, ProgressWithFeedback } from '@/components/ui';
+import { QuestionCounter } from '@/components/ui';
+import { ProgressWithFeedback } from '@/features/progress';
 
 interface UserDataModalProps {
   onOpenChange: (open: boolean) => void;
diff --git a/src/components/ui/index.ts b/src/components/ui/index.ts
@@ -41,7 +41,4 @@ export {
 // Export question counter components
 export { default as QuestionCounter } from './questionCounter/QuestionCounter';
 export { default as LargeCircularQuestionCounter } from './questionCounter/LargeCircularQuestionCounter';
-export { default as SmallCircularQuestionCounter } from './questionCounter/SmallCircularQuestionCounter';
-
-// Export progress component
-export { default as ProgressWithFeedback } from './ProgressWithFeedback';
+export { default as SmallCircularQuestionCounter } from './questionCounter/SmallCircularQuestionCounter';
diff --git a/src/features/email/api/emailGratitudeApi.ts b/src/features/email/api/emailGratitudeApi.ts
diff --git a/src/features/email/api/emailStatementsApi.ts b/src/features/email/api/emailStatementsApi.ts
diff --git a/src/features/progress/components/ProgressWithFeedback.tsx b/src/features/progress/components/ProgressWithFeedback.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { useAnsweredCount } from '@/features/questions/hooks/useAnsweredCount';
-import { useProgressFeedback } from '@/hooks/useProgressFeedback';
-import LargeCircularQuestionCounter from './questionCounter/LargeCircularQuestionCounter';
+import { useProgressFeedback } from '../hooks/useProgressFeedback';
+import { LargeCircularQuestionCounter } from '@/components/ui';
 
 const ProgressWithFeedback: React.FC = () => {
   const { answered, total } = useAnsweredCount();
diff --git a/src/features/progress/components/index.ts b/src/features/progress/components/index.ts
@@ -0,0 +1 @@
+export { default as ProgressWithFeedback } from './ProgressWithFeedback';
diff --git a/src/features/progress/hooks/index.ts b/src/features/progress/hooks/index.ts
@@ -0,0 +1 @@
+export { useProgressFeedback } from './useProgressFeedback';
diff --git a/src/features/progress/hooks/useProgressFeedback.ts b/src/features/progress/hooks/useProgressFeedback.ts
diff --git a/src/features/progress/index.ts b/src/features/progress/index.ts
@@ -0,0 +1,9 @@
+/**
+ * Progress Feature Module
+ * 
+ * Provides functionality for tracking and displaying user progress
+ * throughout the application.
+ */
+
+export { useProgressFeedback } from './hooks';
+export { ProgressWithFeedback } from './components';
diff --git a/src/features/statements/components/ActionLine.tsx b/src/features/statements/components/ActionLine.tsx
@@ -19,7 +19,7 @@ import { ConfirmationDialog } from '../../../components/ui/ConfirmationDialog';
 import type { Action } from '../../../types/entries';
 import { CheckCircle2, XCircle } from 'lucide-react';
 import GratitudeModal from '../../../components/modals/GratitudeModal';
-import { markGratitudeSent } from '../../../features/email/api/gratitudeApi';
+import { markGratitudeSent } from '../../email/api/emailGratitudeApi';
 import { useEntries } from '../hooks/useEntries';
 import {
   Tooltip,

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+export { default as ProgressWithFeedback } from './ProgressWithFeedback';`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+export { useProgressFeedback } from './useProgressFeedback';`