ok

package.json

@@ -2,7 +2,7 @@
   "name": "groovebrew-mockup",
   "version": "0.1.0",
   "private": true,
-  "homepage": "https://dev.kedaimaster.com",
+  "homepage": "https://kedaimaster.com",
   "dependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",

src/config.js

@@ -1,5 +1,5 @@
 // src/config.js
 
-const API_BASE_URL = 'https://dev.api.kedaimaster.com';
+const API_BASE_URL = 'https://api.kedaimaster.com';
 
 export default API_BASE_URL;

src/pages/Reports.js

@@ -28,7 +28,7 @@ const RoundedRectangle = ({
     flexDirection: "column",
     alignItems: "flex-start",
     justifyContent: "center",
-    width: !children && !isChildren && width,
+    width: width,
     height: "auto",
     borderRadius: "15px",
     padding: "20px",
@@ -104,7 +104,7 @@ const RoundedRectangle = ({
   );
 };
 
-const App = ({ forCafe = true, cafeId="",
+const App = ({ forCafe = true, cafeId = -1,
   handleClose, otherCafes }) => {
   const [selectedCafeId, setSelectedCafeId] = useState(cafeId);
   const [analytics, setAnalytics] = useState({});
@@ -395,6 +395,7 @@ console.log(segments)
           }
         </div>
       </div>
+      {!forCafe && selectedCafeId != -1 &&
         <div style={{
           textAlign: "center",
           marginTop: '30px'
@@ -522,6 +523,32 @@ console.log(segments)
             <PeriodCharts type={filter} aggregatedCurrentReports={analytics?.aggregatedCurrentReports} aggregatedPreviousReports={analytics?.aggregatedPreviousReports} colors={colors} />
           }
         </div>
+      }
+      {!forCafe && selectedCafeId == -1 &&
+        <div style={{
+          textAlign: "center",
+          marginTop: '30px'
+        }}>
+          <div
+            style={{
+              display: "flex",
+              flexWrap: "wrap",
+              justifyContent: "center",
+              padding: "20px",
+            }}
+          >
+            
+            <RoundedRectangle
+                title={"Masukkan nama kedai"}
+                width="calc(100% - 10px)"
+              ><input style={{width: '70%', fontSize: '25px'}}/></RoundedRectangle>
+              <RoundedRectangle
+                  title={"Buat kedai"}
+                  width="calc(100% - 10px)"
+                />
+          </div>
+        </div>
+      }
     </div>
   );
 };