chore: use axios

components/Content.tsx

@@ -5,6 +5,7 @@ import { Button } from './Button';
 import { useToast } from '../context/toast/ToastContext';
 import { Toasts } from './Toast';
 import { LineChart, PersonStanding, Download, Sparkles } from 'lucide-react';
+import axios from 'axios';
 
 export const Content = () => {
   const [consumerId, setConsumerId] = useState<number>();
@@ -58,24 +59,24 @@ export const Content = () => {
     setPurchasesResult(null);
 
     try {
-      const response = await fetch('/api/consumer', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' }
-      });
-
-      if (!response.ok) {
-        const errorData = await response.json();
-        throw new Error(errorData.error || 'Failed to generate consumer');
-      }
-
-      const data = await response.json();
+      const { data } = await axios.post(
+        '/api/consumer',
+        {},
+        {
+          headers: { 'Content-Type': 'application/json' }
+        }
+      );
 
       setConsumerId(data.id);
       setConsumer(data.consumer);
-
       setEditedConsumer(JSON.stringify(data.consumer, null, 2));
     } catch (err) {
-      showToast(err instanceof Error ? err.message : 'Something went wrong');
+      if (axios.isAxiosError(err)) {
+        const errorMessage = err.response?.data?.error || err.message;
+        showToast(errorMessage);
+      } else {
+        showToast('Something went wrong');
+      }
     } finally {
       setLoading(false);
     }
@@ -114,22 +115,20 @@ export const Content = () => {
         throw new Error(validationResult.error.issues[0].message);
       }
 
-      const response = await fetch('/api/purchase-list', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify(requestData)
+      const { data } = await axios.post('/api/purchase-list', requestData, {
+        headers: { 'Content-Type': 'application/json' }
       });
 
-      if (!response.ok) {
-        const errorData = await response.json();
-        throw new Error(errorData.error || 'Failed to generate purchases');
-      }
-
-      const data = await response.json();
-
       setPurchasesResult(data);
     } catch (err) {
-      showToast(err instanceof Error ? err.message : 'Something went wrong');
+      if (axios.isAxiosError(err)) {
+        const errorMessage = err.response?.data?.error || err.message;
+        showToast(errorMessage);
+      } else if (err instanceof Error) {
+        showToast(err.message);
+      } else {
+        showToast('Something went wrong');
+      }
     } finally {
       setSubmitting(false);
     }

package.json

@@ -22,6 +22,7 @@
   "dependencies": {
     "@anthropic-ai/sdk": "^0.32.1",
     "@prisma/client": "^6.0.1",
+    "axios": "^1.7.9",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "crypto": "^1.0.1",