ok

src/pages/Reports.js

@@ -217,12 +217,13 @@ const App = ({ cafeId,
           selectedSwitch={["yesterday", "weekly", "monthly", "yearly"].indexOf(
             filter
           )}
-          borderColor={'#b3b1b1'}
+          bgColor={'#f4efe6'}
+          borderColor={'transparent'}
           borderWidth={0.1}
           onToggleCallback={onToggle}
-          fontColor={"black"}
+          fontColor={"#af9463"}
           selectedFontColor={"black"}
-          selectedSwitchColor={"rgb(197, 197, 197)"}
+          selectedSwitchColor={"white"}
           eachSwitchWidth={70}
           height={"25px"}
           fontSize={"12px"}
@@ -280,8 +281,8 @@ const App = ({ cafeId,
           >
             <div style={{ marginRight: "5px", fontSize: "1.2em" }}>ⓘ</div>
             <h6 style={{ margin: 0, textAlign: "left" }}>
-              Persentase pertumbuhan dihitung dengan membandingkan periode{" "}
-              {comparisonText} terakhir dengan {comparisonText} hari sebelumnya.
+              Persentase pertumbuhan dihitung dengan membandingkan {" "}
+              {comparisonText} hari terakhir dengan {comparisonText} hari sebelumnya.
             </h6>
           </div>
         </div>
@@ -320,7 +321,7 @@ const App = ({ cafeId,
             ))}
           </div>
         </div>
-        <BarChart transactionGraph={analytics?.transactionGraph} colors={colors}/>
+        <BarChart transactionGraph={analytics?.transactionGraph} type={analytics?.type} aggregatedReports={analytics?.aggregatedReports} colors={colors}/>
       </div>
       <div class="ItemLister_PaymentOption__YZlDL"><div style={{ marginTop: '20px' }} onClick={handleClose} class="ItemLister_Pay2Button__+MIxX">Kembali</div></div>
     </div>