thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

fix: UI improvements. (#2734)

Browse Source 
* style: update check icon colors to match our design.

* fix: automatically focus input box in pages `add label` modal.
This commit is contained in:
Prateek Shourya 2023-11-09 17:37:45 +05:30 committed by GitHub
parent 8832d8e00e
commit 7676aab773
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/integration/single-integration-card.tsx
View File

@ -112,7 +112,7 @@ export const SingleIntegrationCard: React.FC<Props> = observer(({ integration })
<h3 className="flex items-center gap-2 text-sm font-medium"> <h3 className="flex items-center gap-2 text-sm font-medium">
{integration.title} {integration.title}
{workspaceIntegrations {workspaceIntegrations
? isInstalled && <CheckCircle className="h-3.5 w-3.5 text-white fill-green-500" /> ? isInstalled && <CheckCircle className="h-3.5 w-3.5 text-green-500 fill-transparent" />
: null} : null}
</h3> </h3>
<p className="text-sm text-custom-text-200 tracking-tight"> <p className="text-sm text-custom-text-200 tracking-tight">

8
web/components/labels/create-label-modal.tsx
View File

@ -46,10 +46,18 @@ export const CreateLabelModal: React.FC<Props> = observer((props) => {
control, control,
reset, reset,
setValue, setValue,
setFocus,
} = useForm<IIssueLabels>({ } = useForm<IIssueLabels>({
defaultValues, defaultValues,
}); });
/**
* For setting focus on name input
*/
useEffect(() => {
setFocus("name");
}, [setFocus, isOpen]);
useEffect(() => { useEffect(() => {
if (isOpen) setValue("color", getRandomLabelColor()); if (isOpen) setValue("color", getRandomLabelColor());
}, [setValue, isOpen]); }, [setValue, isOpen]);