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

6
frontend/src/app/projects/view/variableModals/AddVariableModal/AddVariableModal.jsx
View File

@@ -1,3 +1,4 @@
"use client";
import React, { useState } from "react"; import React, { useState } from "react";
import styles from "./styles.module.css"; import styles from "./styles.module.css";
import CloseIcon from "@/app/components/icons/close"; import CloseIcon from "@/app/components/icons/close";
@@ -6,6 +7,7 @@ import AddIcon from "@/app/components/icons/add";
import PrimaryButton from "@/app/components/buttons/primarybutton/PrimaryButton"; import PrimaryButton from "@/app/components/buttons/primarybutton/PrimaryButton";
import SelectField from "@/app/components/select/SelectField"; import SelectField from "@/app/components/select/SelectField";
const AddVariableModal = (props) => { const AddVariableModal = (props) => {
const [isGeneric, setIsGeneric] = useState();
return ( return (
<div className={styles.container}> <div className={styles.container}>
<div className={styles.modal}> <div className={styles.modal}>
@@ -66,7 +68,7 @@ const AddVariableModal = (props) => {
<div> <div>
<p>Variable Name</p> <p>Variable Name</p>
</div> </div>
<TextField /> <TextField placeHolder="Enter a variable name" />
</div> </div>
</div> </div>
<div className={styles.horizontalInput}> <div className={styles.horizontalInput}>
@@ -117,7 +119,7 @@ const AddVariableModal = (props) => {
</div> </div>
</div> </div>
<div className={styles.addButtonContainer}> <div className={styles.addButtonContainer}>
<PrimaryButton /> <PrimaryButton text=" Add " icon={<AddIcon />} />
</div> </div>
</div> </div>
</div> </div>