[WEB-394]: Added a description to project network options (#3717)

* chore: project access specifier description added

* chore: project access specifier description added to the project settings form

* chore: remove fullstop

* fix: dropdown width
This commit is contained in:
Aaryan Khandelwal
2024-02-21 18:26:41 +05:30
committed by GitHub
parent 71901efcdf
commit 487e961df1
6 changed files with 65 additions and 37 deletions

View File

@@ -4,7 +4,7 @@ import { Dialog, Transition } from "@headlessui/react";
import { observer } from "mobx-react-lite";
import { X } from "lucide-react";
// hooks
import { useEventTracker, useProject, useUser, useWorkspace } from "hooks/store";
import { useEventTracker, useProject, useUser } from "hooks/store";
import useToast from "hooks/use-toast";
// ui
import { Button, CustomSelect, Input, TextArea } from "@plane/ui";
@@ -66,7 +66,6 @@ export const CreateProjectModal: FC<Props> = observer((props) => {
const {
membership: { currentWorkspaceRole },
} = useUser();
const { currentWorkspace } = useWorkspace();
const { addProjectToFavorites, createProject } = useProject();
// states
const [isChangeInIdentifierRequired, setIsChangeInIdentifierRequired] = useState(true);
@@ -160,7 +159,7 @@ export const CreateProjectModal: FC<Props> = observer((props) => {
payload: {
...payload,
state: "FAILED",
}
},
});
});
});
@@ -365,13 +364,14 @@ export const CreateProjectModal: FC<Props> = observer((props) => {
tabIndex={4}
>
{NETWORK_CHOICES.map((network) => (
<CustomSelect.Option
key={network.key}
value={network.key}
className="flex items-center gap-1"
>
<network.icon className="h-4 w-4" />
{network.label}
<CustomSelect.Option key={network.key} value={network.key}>
<div className="flex items-start gap-2">
<network.icon className="h-3.5 w-3.5" />
<div className="-mt-1">
<p>{network.label}</p>
<p className="text-xs text-custom-text-400">{network.description}</p>
</div>
</div>
</CustomSelect.Option>
))}
</CustomSelect>