ok

src/pages/CafePage.js

@@ -10,6 +10,7 @@ import {
 
 import "../App.css";
 
+import API_BASE_URL from '../config';
 import Watermark from "../components/Watermark";
 import { getImageUrl, createItem, updateItem, moveItemType } from "../helpers/itemHelper.js";
 import SearchInput from "../components/SearchInput";
@@ -140,7 +141,7 @@ function CafePage({
       socket.on("joined-room", (response) => {
         const { isSpotifyNeedLogin, isExceededDeadline } = response;
         setNeedSpotifyLogin(isSpotifyNeedLogin);
-        if (isExceededDeadline) setModal('message',{returnMessage:'Kafe sedang tidak tersedia'});
+        if (isExceededDeadline) setModal('message',{captMessage:'Kafe sedang tidak tersedia'});
         setIsExceededDeadline(isExceededDeadline);
       });
     }
@@ -199,7 +200,7 @@ function CafePage({
   else
     return (
       <>
-        {welcomePageConfig && isStarted ? (
+        {/* {welcomePageConfig && isStarted ? (
           <WelcomePage
             image={config.image}
             welcomingText={config.welcomingText}
@@ -209,9 +210,12 @@ function CafePage({
             onGetStarted={handleGetStarted}
             isFullscreen={true}
           />
-        ) : (
-          welcomePageConfig != null && (
-            <div className="Cafe" style={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: '100vh', filter: isExceededDeadline ? 'grayscale(1)' : '', pointerEvents: isExceededDeadline ? 'none' : '' }}>
+        ) : ( */}
+            <div className={`Cafe ${isExceededDeadline ? 'grayscale' : ''}`}>
+              
+            {API_BASE_URL != 'https://api.kedaimaster.com' &&
+              <div className="Watermark"></div>
+            }
               <div className="App-header">
                 <Header
                   HeaderText={"Menu"}
@@ -363,8 +367,7 @@ function CafePage({
               </div>
               <Watermark/>
             </div>
-          )
-        )}
+        {/* )} */}
       </>
     );
 }