kediritechnopark/AnythingYouWant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ok

Browse Source
This commit is contained in:
zadit
2025-01-11 11:13:04 +07:00
parent 73de85e295
commit da411bd3d2
7 changed files with 402 additions and 495 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/components/Header.js
View File

@@ -34,10 +34,10 @@ const ProfileName = styled.h2`
overflow: hidden;
white-space: nowrap;
animation: ${(props) => {
if (props.animate === "grow") return gg;
if (props.animate === "shrink") return ss;
return nn;
}}
if (props.animate === "grow") return gg;
if (props.animate === "shrink") return ss;
return nn;
}}
0.5s forwards;
text-align: left;
`;
@@ -96,10 +96,10 @@ const ProfileImage = styled.img`
cursor: pointer;
z-index: 199;
animation: ${(props) => {
if (props.animate === "grow") return g;
if (props.animate === "shrink") return s;
return "none";
}}
if (props.animate === "grow") return g;
if (props.animate === "shrink") return s;
return "none";
}}
0.5s forwards;
`;
@@ -219,7 +219,7 @@ const Child = styled.div`
const Header = ({
HeaderText,
HeaderSize='6vw',
HeaderSize = '6vw',
shopId,
shopName,
shopImage,
@@ -235,7 +235,7 @@ const Header = ({
removeConnectedGuestSides,
setIsEditMode,
isEditMode,
HeaderMargin='25px'
HeaderMargin = '25px'
}) => {
const { goToLogin, goToGuestSideLogin, goToAdminCafes } =
useNavigationHelpers(shopId, tableCode);
@@ -316,9 +316,9 @@ const Header = ({
</Title>
<div style={{ visibility: showProfile ? "visible" : "hidden" }}>
<ProfileImage
src={user.username == undefined? shopImage || 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS-DjX_bGBax4NL14ULvkAdU4FP3FKoWXWu5w&s': "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS-DjX_bGBax4NL14ULvkAdU4FP3FKoWXWu5w&s"}
src={user.username == undefined ? shopImage || 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS-DjX_bGBax4NL14ULvkAdU4FP3FKoWXWu5w&s' : "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS-DjX_bGBax4NL14ULvkAdU4FP3FKoWXWu5w&s"}
alt="Profile"
onClick={user.username !== undefined?handleImageClick: null}
onClick={user.username !== undefined ? handleImageClick : null}
animate={showRectangle && animate}
/>
<ProfileName animate={showRectangle && animate}>
@@ -338,7 +338,7 @@ const Header = ({
</Child>
)}
{shopId && user.roleId == 1 && (
<Child onClick={goToAdminCafes}>Dashboard</Child>)}
<Child onClick={goToAdminCafes}>Dashboard</Child>)}
{shopId &&
user.userId == shopOwnerId &&
user.username !== undefined &&
@@ -346,25 +346,19 @@ const Header = ({
<>
<Child hasChildren>
{shopName}
<Child>
Mode edit &nbsp;
<Switch
borderRadius={0}
borderRadius={0}
checked={isEditMode}
onChange={() => setIsEditMode(!isEditMode)}
/>
</Child>
<Child onClick={() => setModal("welcome_config")}>
Halaman sambutan
</Child>
<Child onClick={() => setModal("reports")}>Laporan</Child>
<Child onClick={() => setModal("add_material")}>
Stok
</Child>
<Child onClick={() => setModal("edit_tables")}>
Denah meja
</Child>
<Child hasChildren>
Kasir
<Child onClick={() => setModal("create_clerk")}>
@@ -386,11 +380,18 @@ const Header = ({
</Child>
))}
</Child>
<Child onClick={() => setModal("payment_option")}>
Opsi pembayaran
<Child hasChildren>
Konfigurasi
<Child onClick={() => setModal("welcome_config")}>
Desain kafe
</Child>
<Child onClick={() => setModal("edit_tables")}>
Daftar meja
</Child>
<Child onClick={() => setModal("payment_option")}>
Metode pembayaran
</Child>
</Child>
<Child onClick={() => setModal("reports")}>Laporan</Child>
</Child>
</>
)}
@@ -400,14 +401,14 @@ const Header = ({
<Child hasChildren>
{shopName}
<Child>
Mode edit&nbsp;
<Switch
<Child>
Mode edit&nbsp;
<Switch
borderRadius={0}
checked={isEditMode}
onChange={() => setIsEditMode(!isEditMode)}
/>
</Child>
checked={isEditMode}
onChange={() => setIsEditMode(!isEditMode)}
/>
</Child>
<Child onClick={() => setModal("add_material")}>
stok
</Child>