Laux/Frontend-Internal-Developer-Platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed

Browse Source
This commit is contained in:
Laux Dev
2026-03-03 10:15:07 +08:00
parent 824b811149
commit 1b3b669d58
2 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/app/components/topHeader/TopHeader.jsx
View File

@@ -42,56 +42,56 @@ const TopHeader = (props) => {
<p>{props.topbarTitle}</p>
</div>
<div className={styles.actionBar}>
{props.requiredButtons.includes("search") && (
{props?.requiredButtons.includes("search") && (
<div className={styles.searchBarContainer}>
<SearchIcon />
</div>
)}
{props.requiredButtons.includes("env") && (
{props?.requiredButtons.includes("env") && (
<div className={styles.mngEnvKeyButton}>
<EnviromentIcon />
<p>Manage Env. Key</p>
</div>
)}
{props.requiredButtons.includes("add-services") && (
{props?.requiredButtons.includes("add-services") && (
<PrimaryButton
icon={<AddIcon />}
text={props.buttonText}
onClick={() => props.trigger(!props.triggerState)}
onClick={() => props?.trigger(!props?.triggerState)}
/>
)}
{props.requiredButtons.includes("edit") && (
{props?.requiredButtons.includes("edit") && (
<PrimaryButton
icon={<EditIcon />}
text="Edit"
onClick={() => props.trigger(!props.triggerState)}
onClick={() => props?.trigger(!props?.triggerState)}
/>
)}
{props.requiredButtons.includes("add") && (
{props?.requiredButtons.includes("add") && (
<PrimaryButton
icon={<AddIcon />}
text={props.buttonText}
text={props?.buttonText}
onClick={handleNavigateToAdd}
/>
)}
{props.requiredButtons.includes("save") && (
{props?.requiredButtons.includes("save") && (
<>
<div
className={styles.button}
onClick={() => setTriggerAlert(!triggerAlert)}
>
<CheckIcon width={20} height={20} />
<p>{props.buttonText}</p>
<p>{props?.buttonText}</p>
</div>
<div
className={styles.cancelButton}
onClick={() => router.back()}
>
<p>{props.cancelButtonText}</p>
<p>{props?.cancelButtonText}</p>
</div>
</>
)}
{props.requiredButtons.includes("update") && (
{props?.requiredButtons.includes("update") && (
<>
<PrimaryButton
icon={<UpdateIcon color="white" />}
@@ -144,7 +144,7 @@ const TopHeader = (props) => {
</div>
)}
{props.requiredButtons.includes("download") && (
{props?.requiredButtons.includes("download") && (
<div
className={styles.menu}
onClick={() => setTriggerDropDownMenu(!triggerDropDownMenu)}