style: create project modal (#1628)

* style: create project modal

* fix: build error

* fix: modal width
This commit is contained in:
Aaryan Khandelwal
2023-07-23 22:14:26 +05:30
committed by GitHub
parent ccbcfecc6d
commit a7b5ad55ab
18 changed files with 273 additions and 191 deletions

View File

@@ -19,7 +19,7 @@ import { SettingsHeader } from "components/project";
import { CustomSelect, Loader, SecondaryButton } from "components/ui";
import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
// types
import { IProject, IWorkspace } from "types";
import { IProject, IUserLite, IWorkspace } from "types";
import type { NextPage } from "next";
// fetch-keys
import { PROJECTS_LIST, PROJECT_DETAILS, PROJECT_MEMBERS } from "constants/fetch-keys";
@@ -93,7 +93,7 @@ const ControlSettings: NextPage = () => {
reset({
...projectDetails,
default_assignee: projectDetails.default_assignee?.id ?? projectDetails.default_assignee,
project_lead: projectDetails.project_lead?.id ?? projectDetails.project_lead,
project_lead: (projectDetails.project_lead as IUserLite)?.id ?? projectDetails.project_lead,
workspace: (projectDetails.workspace as IWorkspace).id,
});
}, [projectDetails, reset]);

View File

@@ -145,6 +145,8 @@ const GeneralSettings: NextPage = () => {
else await updateProject(payload);
};
const currentNetwork = NETWORK_CHOICES.find((n) => n.key === projectDetails?.network);
return (
<ProjectAuthorizationWrapper
breadcrumbs={
@@ -336,16 +338,12 @@ const GeneralSettings: NextPage = () => {
<CustomSelect
value={value}
onChange={onChange}
label={
Object.keys(NETWORK_CHOICES).find((k) => k === value.toString())
? NETWORK_CHOICES[value.toString() as keyof typeof NETWORK_CHOICES]
: "Select network"
}
label={currentNetwork?.label ?? "Select network"}
input
>
{Object.keys(NETWORK_CHOICES).map((key) => (
<CustomSelect.Option key={key} value={parseInt(key)}>
{NETWORK_CHOICES[key as keyof typeof NETWORK_CHOICES]}
{NETWORK_CHOICES.map((network) => (
<CustomSelect.Option key={network.key} value={network.key}>
{network.label}
</CustomSelect.Option>
))}
</CustomSelect>