update

.idea/workspace.xml

@@ -2,10 +2,10 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="bb7b50a5-be9c-4cd7-a05b-979f0e91b173" name="Changes" comment="update">
-      <change afterPath="$PROJECT_DIR$/lib/axios.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/.env.local.example" beforeDir="false" afterPath="$PROJECT_DIR$/.env.local.example" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/app/page.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/app/page.jsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/components/CartDrawer.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/components/CartDrawer.jsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/components/ChatWidget.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/components/ChatWidget.jsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/components/TicketForm.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/components/TicketForm.jsx" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -88,7 +88,7 @@
       <workItem from="1785583517424" duration="145000" />
       <workItem from="1785645096071" duration="26000" />
       <workItem from="1785646314677" duration="16621000" />
-      <workItem from="1785730130350" duration="8979000" />
+      <workItem from="1785730130350" duration="9270000" />
     </task>
     <task id="LOCAL-00001" summary="update">
       <option name="closed" value="true" />
@@ -178,7 +178,15 @@
       <option name="project" value="LOCAL" />
       <updated>1785744250045</updated>
     </task>
-    <option name="localTasksCounter" value="12" />
+    <task id="LOCAL-00012" summary="update">
+      <option name="closed" value="true" />
+      <created>1785745317460</created>
+      <option name="number" value="00012" />
+      <option name="presentableId" value="LOCAL-00012" />
+      <option name="project" value="LOCAL" />
+      <updated>1785745317460</updated>
+    </task>
+    <option name="localTasksCounter" value="13" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">

components/CartDrawer.jsx

@@ -15,6 +15,7 @@ import {
     decrementQty,
 } from '@/store/cartSlice';
 import {useLanguage} from '@/app/context/LanguageContext';
+import api from "@/lib/axios";
 
 function toLocaleNumber(n, locale) {
     return n.toLocaleString(locale === 'fa' ? 'fa-IR' : 'en-US');
@@ -32,9 +33,7 @@ export default function CartDrawer() {
     const handleCheckout = async () => {
         // -------------------------------------------------------------------
         // TODO: Connect to payment gateway API.
-    //
+
-    // import axios from 'axios';
-    //
         // try {
         //   const { data } = await axios.post('/api/payment/create', {
         //     items: items.map((i) => ({ id: i.id, qty: i.qty })),
@@ -44,6 +43,9 @@ export default function CartDrawer() {
         // } catch (err) {
         //   message.error('...');
         // }
+
+        // api() <===> todo : use this func to fetch ...
+
         // -------------------------------------------------------------------
         message.info(t.cart.checkoutToast);
     };
@@ -61,7 +63,8 @@ export default function CartDrawer() {
             ) : (
                 <div className="flex flex-col gap-4">
                     {items.map((item) => (
-            <div key={item.id} className="flex items-center gap-3 bg-surface border border-subtle rounded-xl p-3">
+                        <div key={item.id}
+                             className="flex items-center gap-3 bg-surface border border-subtle rounded-xl p-3">
                             <img src={item.image} alt={item.name} className="w-14 h-20 object-contain shrink-0"/>
                             <div className="flex-1 min-w-0">
                                 <p className="text-sm font-semibold text-primary truncate">{item.name}</p>

components/ChatWidget.jsx

@@ -38,6 +38,8 @@ export default function ChatWidget() {
     // import axios from 'axios';
     // const { data } = await axios.post('/api/chat', { message: text });
     // setMessages((prev) => [...prev, { from: 'bot', text: data.reply }]);
+    // api() <===> todo : use this func to fetch ...
+
     // -----------------------------------------------------------------
     setTimeout(() => {
       setMessages((prev) => [...prev, { from: 'bot', text: t.chat.fallbackReply }]);

components/TicketForm.jsx

@@ -23,6 +23,9 @@ export default function TicketForm() {
     //   message.error('...');
     //   return;
     // }
+
+    // api() <===> todo : use this func to fetch ...
+
     // -------------------------------------------------------------------
     console.log('Ticket submitted (placeholder):', values);
     message.success(t.ticket.successMsg);