ok

src/pages/Reports.js

@@ -172,7 +172,8 @@ const App = ({ forCafe = true, cafeId="",
   // Ensure that each segment gets a unique color
   let colorIndex = 0;
   
-  let segments = (selectedCafeId === 0 || selectedCafeId === -1) ? filteredItems.flatMap((cafe) => {
+  console.log(filteredItems)
+  let segments = (selectedCafeId == 0 || selectedCafeId == -1) ? filteredItems.flatMap((cafe) => {
     const cafeItems = cafe.report?.itemSales || [];
     console.log(cafeItems); // Log all items for the cafe
   
@@ -208,6 +209,7 @@ const App = ({ forCafe = true, cafeId="",
   segments.sort((a, b) => b.sold - a.sold);
   
   
+  console.log(selectedCafeId)
 console.log(segments)
 
   const formatIncome = (amount) => {
@@ -372,7 +374,7 @@ console.log(segments)
           //   fontSize={"12px"}
           // />
           
-          <div className={styles.dateSelectorWrapper} style={{fontSize: '14px'}}>
+          <div className={styles.dateSelectorWrapper} style={{fontSize: '13px'}}>
           {texts.map((item, indexx) => {
             return (
               <div