From 01369a743df32cc0caf8a118856ddb17b5aa0354 Mon Sep 17 00:00:00 2001
From: dvirlabs <dvirlabs@gmail.com>
Date: Sun, 14 Dec 2025 02:24:37 +0200
Subject: [PATCH] try to fix cahce problem

---
 backend/__pycache__/main.cpython-313.pyc      | Bin 29202 -> 28866 bytes
 backend/main.py                               |  10 +--
 frontend/src/App.css                          |  12 +++
 frontend/src/App.jsx                          |  78 +++++++++---------
 frontend/src/components/NotificationBell.jsx  |   4 +-
 .../src/components/PinnedGroceryLists.jsx     |   2 +-
 frontend/src/groceryApi.js                    |   5 +-
 7 files changed, 59 insertions(+), 52 deletions(-)

diff --git a/backend/__pycache__/main.cpython-313.pyc b/backend/__pycache__/main.cpython-313.pyc
index 1aac91cfa73fe9838a1061abd5ef10f35f689f66..fe77bd0ff034603e7fcf61146e9a03027b9b0ae5 100644
GIT binary patch
delta 2458
zcmah~e@v8R9Dkqp-uLB~DBOVpW+Hf;ryw34!lA$+3J3_oLkaqx2*>e55$HKEn{Khv
zxyEYccdgm_!<ts6nD#c!nP$3ao4N%h;+2`pWoDZ+Ml*A+=ldQ?o?`6yyx-^he!jmx
z&lhgTb#m$&nK&FC9xCvk;!_J-wy%9_VhkxbWO-ejNK;dZ{yWbh#|v;knlj0zifX3J
zxirlo()sX*m}s`Cnbc0x9R@WtK~Sfs6U-$Dc0w1Z88kyJu}d@)>;{X)!I?bnF<zEh
z#<>oitI&n;ioufTpo?hsI9z|u95`>V<mLKvQbLIuk|6M>ljb=@yMZoN4Qi#{Yd*Ki
zbZZH>M86l$c7-klyJU$hP_z9r&_XrKF47`smCTctsf+YE3)O|(R}8x(^YjwVe9{cq
zlSoV9x@0jg=QW%URC;V$KeG(x$;fn$qg}b0GpgMR*dkjJD>(B>bt}1cemy9hku8>|
z@v79^QH`I2D23-7N8_=a&%+wUGJoa&)~=2d)=BF~x_<M5z+B*zr)1Qqi^uJGm6|u&
z%j$sGHMnWnD%WuFxEhXi=n9CgRhL%256+;dq^As5J1Uw&*FtiTrLc|{%YRr5*QlPl
zX#@2<w$vhRR4YdXZwe?~hm9|7=DC(UlB<QT!<7tJ1d*;+>qj%S24r$Wn=*xL0B1<-
z)V7Bg+#bMc&{-Wi%fD1F1TZ|h7}tYS=vWqS0H;xHqMcdQf>0MF2&$>_+tEAx&x7mH
zMK{tH>0G+WA;k+#q={Hx()NdJiy<<kCCrx6Z5ei0mQW-6$ZV?weF;u2E-_god!f+W
zM?TPElZFV{4WYB9h40~strFYMAFLPbvyzFX)y-Nhk$rGHc`GL^PMK4TB%kbVZTEWE
zr^q~rU_>b5U=3!UqwP<^EuZ9WZ)@`z++ED4Fps;X!@~|C<1;vtVkW1xD=F_1$x7Hh
zZFA~(B>phIJA&{9!cl}0gf0#R>=?A!^0K}}$8m%c2tf$g82bvr#KEfg`{+f-NrbNv
zPQguEGC8YFPCFqfyU}w5d<!a{#WL1V7Kt7lL(k@uy`8M3gB^t8jMV6F&}~Qf5aA<)
zkKv7s4AQ5a$>^8KQEg|oNhAZ%n`;TywG3kY@MCTw8Q9@0Cs(x<&RBz@4|E0E^DX2M
zyp!)D{V<ZBO>SuOm;6k~5r`_7At48BxijaoOWd-`>@pU+iJ*__MN6+>VETaitA6My
zh$XkQJq104^n$I(Ms92FB8?bzX%=BB0~^BFUYJ#EC&QYncoPXhvAaq+Ky5`dbeBay
zPE|C-l$yv<NG?rM^a?{zU7AQnv@NB-`XffnV-b;I`c$uC>SOR;*>>eGG<(5XzFfQ~
zXq(D+lW6@;@1S2NZ}pRH6|OM7z~6X213N3`iT4FKSFs)PJkgLsf8m-$R+aKz)>O@z
zpi}Q6^&bJ=u9`0k{5x&7cA=_IjC*1MPVI6)ckK+gymCgwMU4C%p%~$NEwnnAD7v}>
z5K}XA8sX{ul43u;u+BQx<ms&K;>*qkpr&Sp9LyP++JTx&PbpZS7d)v}5DAQ~B-6tI
zeTuiaj(NOHff84`9L95P(6+g*ji=7$+D(tBbH6q%G@J+Zh=Sm)hVF6;+^v|Tb*$Y=
zj1do7_sQ6<m+ziZZ<S5ly-Ty#4-+LyXFy8B5;=yOhqa9jtB4Zo_YQb$@-y5#2NN29
z;Op~SW4in-KVO7|rVC^$3^mP_<N5g~NNjc+TG)Abt$C1KhWeH}FYEiY7X_0#+WFs%
z{(nKkv!SD_ljWe+r}3yXcv?N39(EQzxR9(5;VQxngj)!=5rz>)5bhz|=irk&>N?%c
z4DX!bJunoIg=3ox=VTj^inB2sh3PNiL0)eO&E#kP5xfVq1?$ZuRWXU(lZGM$B3%-U
qeS&dNG7cJN3{H+4G);cftiw>4KumuM3K55lT2Jd;QTwF5S^O8*6J8zw

delta 2853
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

diff --git a/backend/main.py b/backend/main.py
index 99fee42..db939f9 100644
--- a/backend/main.py
+++ b/backend/main.py
@@ -183,6 +183,7 @@ app = FastAPI(
 # Allow CORS from frontend domains
 allowed_origins = [
     "http://localhost:5173",
+    "http://localhost:5174",
     "http://localhost:3000",
     "https://my-recipes.dvirlabs.com",
     "http://my-recipes.dvirlabs.com",
@@ -192,9 +193,8 @@ app.add_middleware(
     CORSMiddleware,
     allow_origins=allowed_origins,
     allow_credentials=True,
-    allow_methods=["GET", "POST", "PUT", "PATCH", "DELETE", "OPTIONS"],
+    allow_methods=["*"],
     allow_headers=["*"],
-    max_age=0,  # Disable CORS preflight caching
 )
 
 
@@ -551,12 +551,6 @@ def delete_grocery_list_endpoint(list_id: int, current_user: dict = Depends(get_
     return
 
 
-@app.options("/grocery-lists/{list_id}/pin")
-async def options_pin_grocery_list(list_id: int):
-    """Handle CORS preflight for pin endpoint"""
-    return Response(status_code=200)
-
-
 @app.patch("/grocery-lists/{list_id}/pin", response_model=GroceryList)
 def toggle_pin_grocery_list_endpoint(list_id: int, current_user: dict = Depends(get_current_user)):
     """Toggle pin status for a grocery list (owner only)"""
diff --git a/frontend/src/App.css b/frontend/src/App.css
index 6040486..9bea9c0 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -124,6 +124,18 @@ body {
   }
 }
 
+.content-wrapper {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: 1.4rem;
+}
+
+@media (min-width: 960px) {
+  .content-wrapper {
+    display: contents;
+  }
+}
+
 .sidebar,
 .content {
   display: flex;
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 5d890ee..cb69b6a 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -373,45 +373,27 @@ function App() {
                 <PinnedGroceryLists onShowToast={addToast} />
               </aside>
             )}
-            <section className="sidebar">
-              <RecipeSearchList
-            allRecipes={recipes}
-            recipes={getFilteredRecipes()}
-            selectedId={selectedRecipe?.id}
-            onSelect={setSelectedRecipe}
-            searchQuery={searchQuery}
-            onSearchChange={setSearchQuery}
-            filterMealType={filterMealType}
-            onMealTypeChange={setFilterMealType}
-            filterMaxTime={filterMaxTime}
-            onMaxTimeChange={setFilterMaxTime}
-            filterTags={filterTags}
-            onTagsChange={setFilterTags}
-            filterOwner={filterOwner}
-            onOwnerChange={setFilterOwner}
-          />
-        </section>
+            <section className="content-wrapper">
+              <section className="content">
+                {error && <div className="error-banner">{error}</div>}
 
-        <section className="content">
-          {error && <div className="error-banner">{error}</div>}
-
-          {/* Random Recipe Suggester - Top Left */}
-          <section className="panel filter-panel">
-            <h3>חיפוש מתכון רנדומלי</h3>
-            <div className="panel-grid">
-              <div className="field">
-                <label>סוג ארוחה</label>
-                <select
-                  value={mealTypeFilter}
-                  onChange={(e) => setMealTypeFilter(e.target.value)}
-                >
-                  <option value="">לא משנה</option>
-                  <option value="breakfast">בוקר</option>
-                  <option value="lunch">צהריים</option>
-                  <option value="dinner">ערב</option>
-                  <option value="snack">קינוחים</option>
-                </select>
-              </div>
+                {/* Random Recipe Suggester - Top Left */}
+                <section className="panel filter-panel">
+                  <h3>חיפוש מתכון רנדומלי</h3>
+                  <div className="panel-grid">
+                    <div className="field">
+                      <label>סוג ארוחה</label>
+                      <select
+                        value={mealTypeFilter}
+                        onChange={(e) => setMealTypeFilter(e.target.value)}
+                      >
+                        <option value="">לא משנה</option>
+                        <option value="breakfast">בוקר</option>
+                        <option value="lunch">צהריים</option>
+                        <option value="dinner">ערב</option>
+                        <option value="snack">קינוחים</option>
+                      </select>
+                    </div>
 
               <div className="field">
                 <label>זמן מקסימלי (דקות)</label>
@@ -452,6 +434,26 @@ function App() {
             currentUser={user}
           />
         </section>
+        
+        <section className="sidebar">
+          <RecipeSearchList
+            allRecipes={recipes}
+            recipes={getFilteredRecipes()}
+            selectedId={selectedRecipe?.id}
+            onSelect={setSelectedRecipe}
+            searchQuery={searchQuery}
+            onSearchChange={setSearchQuery}
+            filterMealType={filterMealType}
+            onMealTypeChange={setFilterMealType}
+            filterMaxTime={filterMaxTime}
+            onMaxTimeChange={setFilterMaxTime}
+            filterTags={filterTags}
+            onTagsChange={setFilterTags}
+            filterOwner={filterOwner}
+            onOwnerChange={setFilterOwner}
+          />
+        </section>
+      </section>
           </>
         )}
       </main>
diff --git a/frontend/src/components/NotificationBell.jsx b/frontend/src/components/NotificationBell.jsx
index 7ab893f..493f164 100644
--- a/frontend/src/components/NotificationBell.jsx
+++ b/frontend/src/components/NotificationBell.jsx
@@ -221,13 +221,15 @@ function NotificationBell({ onShowToast }) {
           width: 420px;
           max-height: 550px;
           background: var(--panel-bg);
+          backdrop-filter: blur(10px);
           border: 1px solid var(--border-color);
           border-radius: 16px;
-          box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
           z-index: 1000;
           display: flex;
           flex-direction: column;
           overflow: hidden;
+          opacity: 0.98;
         }
 
         .notification-header {
diff --git a/frontend/src/components/PinnedGroceryLists.jsx b/frontend/src/components/PinnedGroceryLists.jsx
index 9ca5c29..c6abf14 100644
--- a/frontend/src/components/PinnedGroceryLists.jsx
+++ b/frontend/src/components/PinnedGroceryLists.jsx
@@ -55,7 +55,7 @@ function PinnedGroceryLists({ onShowToast }) {
           <h3 className="note-title">{list.name}</h3>
           <ul className="note-items">
             {list.items.length === 0 ? (
-              <li className="empty-note">רשימה ריקה</li>
+              <li className="empty-note">הרשימה ריקה</li>
             ) : (
               list.items.map((item, index) => {
                 const isChecked = item.startsWith("✓ ");
diff --git a/frontend/src/groceryApi.js b/frontend/src/groceryApi.js
index 585ed67..4fbcad5 100644
--- a/frontend/src/groceryApi.js
+++ b/frontend/src/groceryApi.js
@@ -71,10 +71,7 @@ export const deleteGroceryList = async (id) => {
 export const togglePinGroceryList = async (id) => {
   const res = await fetch(`${API_URL}/grocery-lists/${id}/pin`, {
     method: "PATCH",
-    headers: {
-      ...getAuthHeaders(),
-      "Content-Type": "application/json",
-    },
+    headers: getAuthHeaders(),
   });
   if (!res.ok) {
     let errorMessage = "Failed to toggle pin status";