ok

src/components/Header.js

@@ -330,11 +330,11 @@ const Header = ({
               )}
               {user.username !== undefined && (
                 <Child onClick={() => setModal("edit_account")}>
-                  Edit profile
+                  Ubah profil
                 </Child>
               )}
               {shopId && user.roleId == 1 && (
-                    <Child onClick={goToAdminCafes}>see your {user.userId == shopOwnerId ? 'other' : ''} cafes</Child>)}
+                    <Child onClick={goToAdminCafes}>Dashboard</Child>)}
               {shopId &&
                 user.userId == shopOwnerId &&
                 user.username !== undefined &&
@@ -349,7 +349,7 @@ const Header = ({
 
                       <div class="toggle-switch">
                         <label class="toggle-switch-label" for="toggleSwitch">
-                          Edit Mode
+                          Mode edit
                         </label>
                         <Switch
                           checked={isEditMode}
@@ -358,18 +358,18 @@ const Header = ({
                       </div>
 
                       <Child onClick={() => setModal("welcome_config")}>
-                        welcoming page
+                        Halaman sambutan
                       </Child>
                       <Child onClick={() => setModal("add_material")}>
-                        stock
+                        Stok
                       </Child>
                       <Child onClick={() => setModal("edit_tables")}>
-                        table maps
+                        Denah meja
                       </Child>
                       <Child hasChildren>
-                        clerks
+                        Kasir
                         <Child onClick={() => setModal("create_clerk")}>
-                          + Add clerk
+                          + Tambah
                         </Child>
                         {shopClerks &&
                           shopClerks.map((key, index) => (
@@ -388,10 +388,10 @@ const Header = ({
                           ))}
                       </Child>
                       <Child onClick={() => setModal("payment_option")}>
-                        payment options
+                        Opsi pembayaran
                       </Child>
 
-                      <Child onClick={() => setModal("reports")}>reports</Child>
+                      <Child onClick={() => setModal("reports")}>Laporan</Child>
                     </Child>
                   </>
                 )}
@@ -403,7 +403,7 @@ const Header = ({
 
                     <div class="toggle-switch">
                       <label class="toggle-switch-label" for="toggleSwitch">
-                        Edit Mode
+                        Mode edit
                       </label>
                       <Switch
                         checked={isEditMode}
@@ -411,15 +411,15 @@ const Header = ({
                       />
                     </div>
                     <Child onClick={() => setModal("add_material")}>
-                      stock
+                      stok
                     </Child>
                     {user.username !== undefined &&
                       user.roleId == 2 &&
                       user.cafeId == shopId && (
                         <Child hasChildren>
-                          connected guest sides
+                          Tablet tamu
                           <Child onClick={goToGuestSideLogin}>
-                            + Add guest side
+                            + Tambah
                           </Child>
                           {guestSides &&
                             guestSides.map((key, index) => (
@@ -439,7 +439,7 @@ const Header = ({
                         </Child>
                       )}
 
-                    <Child onClick={() => setModal("reports")}>reports</Child>
+                    <Child onClick={() => setModal("reports")}>Laporan</Child>
                   </Child>
                 )}
               {user.username !== undefined && (