binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: casing throughout the platform (#5293)

Browse source
This commit is contained in:
Aaryan Khandelwal 2024-08-04 10:09:29 +05:30 • committed by GitHub
parent 3a5c77e8a4
commit 8f8a97589d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
37 changed files with 50 additions and 146 deletions
Download patch file Download diff file Expand all files Collapse all files

8
web/core/components/core/modals/link-modal.tsx
View file

@ -157,11 +157,11 @@ export const LinkModal: FC<Props> = (props) => {
<Button variant="primary" size="sm" type="submit" loading={isSubmitting}>
{status
? isSubmitting
? "Updating Link..."
: "Update Link"
? "Updating link..."
: "Update link"
: isSubmitting
? "Adding Link..."
: "Add Link"}
? "Adding link..."
: "Add link"}
</Button>
</div>
</form>

2
web/core/components/cycles/delete-modal.tsx
View file

@ -87,7 +87,7 @@ export const CycleDeleteModal: React.FC<ICycleDelete> = observer((props) => {
handleSubmit={formSubmit}
isSubmitting={loader}
isOpen={isOpen}
title="Delete Cycle"
title="Delete cycle"
content={
<>
Are you sure you want to delete cycle{' "'}

2
web/core/components/cycles/form.tsx
View file

@ -77,7 +77,7 @@ export const CycleForm: React.FC<Props> = (props) => {
)}
/>
)}
<h3 className="text-xl font-medium text-custom-text-200">{status ? "Update" : "Create"} Cycle</h3>
<h3 className="text-xl font-medium text-custom-text-200">{status ? "Update" : "Create"} cycle</h3>
</div>
<div className="space-y-3">
<div className="space-y-1">

2
web/core/components/dropdowns/member/index.tsx
View file

@ -119,7 +119,7 @@ export const MemberDropdown: React.FC<Props> = observer((props) => {
>
{!hideIcon && <ButtonAvatars showTooltip={showTooltip} userIds={value} icon={icon} />}
{BUTTON_VARIANTS_WITH_TEXT.includes(buttonVariant) && (
<span className="flex-grow truncate text-xs leading-5">
<span className="flex-grow truncate">
{Array.isArray(value) && value.length > 0
? value.length === 1
? getUserDetails(value[0])?.display_name

2
web/core/components/estimates/empty-screen.tsx
View file

@ -37,7 +37,7 @@ export const EstimateEmptyScreen: FC<TEstimateEmptyScreen> = (props) => {
</p>
</div>
<div>
<Button onClick={onButtonClick}>Add Estimate System</Button>
<Button onClick={onButtonClick}>Add estimate system</Button>
</div>
</div>
);

97
web/core/components/inbox/modals/accept-issue-modal.tsx
View file

@ -1,97 +0,0 @@
"use client";
import React, { useState } from "react";
import { CheckCircle } from "lucide-react";
import { Dialog, Transition } from "@headlessui/react";
import type { TIssue } from "@plane/types";
// icons
// ui
import { Button } from "@plane/ui";
// hooks
import { useProject } from "@/hooks/store";
type Props = {
data: Partial<TIssue>;
isOpen: boolean;
onClose: () => void;
onSubmit: () => Promise<void>;
};
export const AcceptIssueModal: React.FC<Props> = ({ isOpen, onClose, data, onSubmit }) => {
const [isAccepting, setIsAccepting] = useState(false);
// hooks
const { getProjectById } = useProject();
const handleClose = () => {
setIsAccepting(false);
onClose();
};
const handleAccept = () => {
setIsAccepting(true);
onSubmit().finally(() => setIsAccepting(false));
};
return (
<Transition.Root show={isOpen} as={React.Fragment}>
<Dialog as="div" className="relative z-20" onClose={handleClose}>
<Transition.Child
as={React.Fragment}
enter="ease-out duration-300"
enterFrom="opacity-0"
enterTo="opacity-100"
leave="ease-in duration-200"
leaveFrom="opacity-100"
leaveTo="opacity-0"
>
<div className="fixed inset-0 bg-custom-backdrop transition-opacity" />
</Transition.Child>
<div className="fixed inset-0 z-10 overflow-y-auto">
<div className="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
<Transition.Child
as={React.Fragment}
enter="ease-out duration-300"
enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
enterTo="opacity-100 translate-y-0 sm:scale-100"
leave="ease-in duration-200"
leaveFrom="opacity-100 translate-y-0 sm:scale-100"
leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
>
<Dialog.Panel className="relative transform overflow-hidden rounded-lg bg-custom-background-100 text-left shadow-custom-shadow-md transition-all sm:my-8 sm:w-full sm:max-w-2xl">
<div className="flex flex-col gap-6 p-6">
<div className="flex w-full items-center justify-start gap-6">
<span className="place-items-center rounded-full bg-green-500/20 p-4">
<CheckCircle className="h-6 w-6 text-green-600" aria-hidden="true" />
</span>
<span className="flex items-center justify-start">
<h3 className="text-xl font-medium 2xl:text-2xl">Accept Issue</h3>
</span>
</div>
<span>
<p className="text-sm text-custom-text-200">
Are you sure you want to accept issue{" "}
<span className="break-all font-medium text-custom-text-100">
{(data && data?.project_id && getProjectById(data?.project_id)?.identifier) || ""}-
{data?.sequence_id}
</span>
{""}? Once accepted, this issue will be added to the project issues list.
</p>
</span>
<div className="flex justify-end gap-2">
<Button variant="neutral-primary" size="sm" onClick={handleClose}>
Cancel
</Button>
<Button variant="primary" size="sm" tabIndex={1} onClick={handleAccept} loading={isAccepting}>
{isAccepting ? "Accepting..." : "Accept Issue"}
</Button>
</div>
</div>
</Dialog.Panel>
</Transition.Child>
</div>
</div>
</Dialog>
</Transition.Root>
);
};

2
web/core/components/inbox/modals/create-edit-modal/create-root.tsx
View file

@ -155,7 +155,7 @@ export const InboxIssueCreateRoot: FC<TInboxIssueCreateRoot> = observer((props)
return (
<form onSubmit={handleFormSubmit}>
<div className="space-y-5 p-5">
<h3 className="text-xl font-medium text-custom-text-200">Create Intake Issue</h3>
<h3 className="text-xl font-medium text-custom-text-200">Create intake issue</h3>
<div className="space-y-3">
<InboxIssueTitle
data={formData}

2
web/core/components/inbox/modals/decline-issue-modal.tsx
View file

@ -38,7 +38,7 @@ export const DeclineIssueModal: React.FC<Props> = (props) => {
handleSubmit={handleDecline}
isSubmitting={isDeclining}
isOpen={isOpen}
title="Decline Issue"
title="Decline issue"
content={
<>
{" "}

2
web/core/components/inbox/modals/delete-issue-modal.tsx
View file

@ -59,7 +59,7 @@ export const DeleteInboxIssueModal: React.FC<Props> = observer(({ isOpen, onClos
handleSubmit={handleDelete}
isSubmitting={isDeleting}
isOpen={isOpen}
title="Delete Issue"
title="Delete issue"
content={
<>
Are you sure you want to delete issue{" "}

1
web/core/components/inbox/modals/index.ts
View file

@ -1,4 +1,3 @@
export * from "./accept-issue-modal";
export * from "./create-edit-modal";
export * from "./decline-issue-modal";
export * from "./delete-issue-modal";

2
web/core/components/integration/delete-import-modal.tsx
View file

@ -96,7 +96,7 @@ export const DeleteImportModal: React.FC<Props> = ({ isOpen, handleClose, data }
<AlertTriangle className="h-6 w-6 text-red-500" aria-hidden="true" />
</span>
<span className="flex items-center justify-start">
<h3 className="text-xl font-medium 2xl:text-2xl">Delete Project</h3>
<h3 className="text-xl font-medium 2xl:text-2xl">Delete project</h3>
</span>
</div>
<span>

2
web/core/components/issues/delete-issue-modal.tsx
View file

@ -74,7 +74,7 @@ export const DeleteIssueModal: React.FC<Props> = (props) => {
handleSubmit={handleIssueDelete}
isSubmitting={isDeleting}
isOpen={isOpen}
title="Delete Issue"
title="Delete issue"
content={
<>
Are you sure you want to delete issue{" "}

6
web/core/components/issues/issue-detail-widgets/action-buttons.tsx
View file

@ -25,7 +25,7 @@ export const IssueDetailWidgetActionButtons: FC<Props> = (props) => {
issueId={issueId}
customButton={
<IssueDetailWidgetButton
title="Add sub-issues"
title="Add sub-issue"
icon={<Layers className="h-3.5 w-3.5 flex-shrink-0" strokeWidth={2} />}
disabled={disabled}
/>
@ -36,7 +36,7 @@ export const IssueDetailWidgetActionButtons: FC<Props> = (props) => {
issueId={issueId}
customButton={
<IssueDetailWidgetButton
title="Add Relation"
title="Add relation"
icon={<Waypoints className="h-3.5 w-3.5 flex-shrink-0" strokeWidth={2} />}
disabled={disabled}
/>
@ -46,7 +46,7 @@ export const IssueDetailWidgetActionButtons: FC<Props> = (props) => {
<IssueLinksActionButton
customButton={
<IssueDetailWidgetButton
title="Add Links"
title="Add link"
icon={<Link className="h-3.5 w-3.5 flex-shrink-0" strokeWidth={2} />}
disabled={disabled}
/>

2
web/core/components/issues/issue-detail/cycle-select.tsx
View file

@ -48,7 +48,7 @@ export const IssueCycleSelect: React.FC<TIssueCycleSelect> = observer((props) =>
disabled={disableSelect}
buttonVariant="transparent-with-text"
className="group w-full"
buttonContainerClassName="w-full text-left"
buttonContainerClassName="w-full text-left rounded"
buttonClassName={`text-sm justify-between ${issue?.cycle_id ? "" : "text-custom-text-400"}`}
placeholder="No cycle"
hideIcon

10
web/core/components/issues/issue-detail/links/create-update-link-modal.tsx
View file

@ -91,7 +91,7 @@ export const IssueLinkCreateUpdateModal: FC<TIssueLinkCreateEditModal> = observe
<div>
<div className="space-y-5">
<Dialog.Title as="h3" className="text-lg font-medium leading-6 text-custom-text-100">
{preloadedData?.id ? "Update Link" : "Add Link"}
{preloadedData?.id ? "Update link" : "Add link"}
</Dialog.Title>
<div className="mt-2 space-y-3">
<div>
@ -152,11 +152,11 @@ export const IssueLinkCreateUpdateModal: FC<TIssueLinkCreateEditModal> = observe
<Button variant="primary" size="sm" type="submit" loading={isSubmitting}>
{preloadedData?.id
? isSubmitting
? "Updating Link..."
: "Update Link"
? "Updating link..."
: "Update link"
: isSubmitting
? "Adding Link..."
: "Add Link"}
? "Adding link..."
: "Add link"}
</Button>
</div>
</form>

2
web/core/components/issues/issue-detail/module-select.tsx
View file

@ -62,7 +62,7 @@ export const IssueModuleSelect: React.FC<TIssueModuleSelect> = observer((props)
placeholder="No module"
disabled={disableSelect}
className="group h-full w-full"
buttonContainerClassName="w-full"
buttonContainerClassName="w-full rounded"
buttonClassName={`min-h-8 text-sm justify-between ${issue?.module_ids?.length ? "" : "text-custom-text-400"}`}
buttonVariant="transparent-with-text"
hideIcon

2
web/core/components/issues/issue-detail/sidebar.tsx
View file

@ -222,7 +222,7 @@ export const IssueDetailsSidebar: React.FC<Props> = observer((props) => {
<div className="flex min-h-8 gap-2">
<div className="flex w-2/5 flex-shrink-0 gap-1 pt-2 text-sm text-custom-text-300">
<DiceIcon className="h-4 w-4 flex-shrink-0" />
<span>Module</span>
<span>Modules</span>
</div>
<IssueModuleSelect
className="w-3/5 flex-grow"

4
web/core/components/issues/issue-layouts/calendar/quick-add-issue-form.tsx
View file

@ -250,11 +250,11 @@ export const CalendarQuickAddIssueForm: React.FC<Props> = observer((props) => {
customButton={
<div className="flex w-full items-center gap-x-[6px] rounded-md px-2 py-1.5 text-custom-text-350 hover:text-custom-text-300">
<PlusIcon className="h-3.5 w-3.5 stroke-2 flex-shrink-0" />
<span className="text-sm font-medium flex-shrink-0">New Issue</span>
<span className="text-sm font-medium flex-shrink-0">New issue</span>
</div>
}
>
<CustomMenu.MenuItem onClick={handleNewIssue}>New Issue</CustomMenu.MenuItem>
<CustomMenu.MenuItem onClick={handleNewIssue}>New issue</CustomMenu.MenuItem>
<CustomMenu.MenuItem onClick={handleExistingIssue}>Add existing issue</CustomMenu.MenuItem>
</CustomMenu>
</div>

2
web/core/components/issues/issue-modal/form.tsx
View file

@ -363,7 +363,7 @@ export const IssueFormRoot: FC<IssueFormProps> = observer((props) => {
}
/>
)}
<h3 className="text-xl font-medium text-custom-text-200">{data?.id ? "Update" : "Create"} Issue</h3>
<h3 className="text-xl font-medium text-custom-text-200">{data?.id ? "Update" : "Create"} issue</h3>
</div>
{watch("parent_id") && selectedParentIssue && (
<Controller

2
web/core/components/issues/peek-overview/properties.tsx
View file

@ -225,7 +225,7 @@ export const PeekOverviewProperties: FC<IPeekOverviewProperties> = observer((pro
<div className="flex w-full items-center gap-3 min-h-8 h-full">
<div className="flex items-center gap-1 w-1/4 flex-shrink-0 text-sm text-custom-text-300">
<DiceIcon className="h-4 w-4 flex-shrink-0" />
<span>Module</span>
<span>Modules</span>
</div>
<IssueModuleSelect
className="w-3/4 flex-grow"

2
web/core/components/modules/delete-module-modal.tsx
View file

@ -79,7 +79,7 @@ export const DeleteModuleModal: React.FC<Props> = observer((props) => {
handleSubmit={handleDeletion}
isSubmitting={isDeleteLoading}
isOpen={isOpen}
title="Delete Module"
title="Delete module"
content={
<>
Are you sure you want to delete module-{" "}

2
web/core/components/modules/form.tsx
View file

@ -88,7 +88,7 @@ export const ModuleForm: React.FC<Props> = (props) => {
)}
/>
)}
<h3 className="text-xl font-medium text-custom-text-200">{status ? "Update" : "Create"} Module</h3>
<h3 className="text-xl font-medium text-custom-text-200">{status ? "Update" : "Create"} module</h3>
</div>
<div className="space-y-3">
<div className="space-y-1">

2
web/core/components/pages/modals/delete-page-modal.tsx
View file

@ -75,7 +75,7 @@ export const DeletePageModal: React.FC<TConfirmPageDeletionProps> = observer((pr
handleSubmit={handleDelete}
isSubmitting={isDeleting}
isOpen={isOpen}
title="Delete Page"
title="Delete page"
content={
<>
Are you sure you want to delete page-{" "}

2
web/core/components/pages/modals/page-form.tsx
View file

@ -46,7 +46,7 @@ export const PageForm: React.FC<Props> = (props) => {
return (
<form onSubmit={handlePageFormSubmit}>
<div className="space-y-5 p-5">
<h3 className="text-xl font-medium text-custom-text-200">Create Page</h3>
<h3 className="text-xl font-medium text-custom-text-200">Create page</h3>
<div className="flex items-start gap-2 h-9 w-full">
<EmojiIconPicker
isOpen={isOpen}

8
web/core/components/project/create-project-form.tsx
View file

@ -330,12 +330,12 @@ export const CreateProjectForm: FC<Props> = observer((props) => {
const currentNetwork = NETWORK_CHOICES.find((n) => n.key === value);
return (
<div className="flex-shrink-0" tabIndex={4}>
<div className="flex-shrink-0 h-7" tabIndex={4}>
<CustomSelect
value={value}
onChange={onChange}
label={
<div className="flex items-center gap-1">
<div className="flex items-center gap-1 h-full">
{currentNetwork ? (
<>
<currentNetwork.icon className="h-3 w-3" />
@ -347,6 +347,8 @@ export const CreateProjectForm: FC<Props> = observer((props) => {
</div>
}
placement="bottom-start"
className="h-full"
buttonClassName="h-full"
noChevron
tabIndex={4}
>
@ -372,7 +374,7 @@ export const CreateProjectForm: FC<Props> = observer((props) => {
render={({ field: { value, onChange } }) => {
if (value === undefined || value === null || typeof value === "string")
return (
<div className="flex-shrink-0" tabIndex={5}>
<div className="flex-shrink-0 h-7" tabIndex={5}>
<MemberDropdown
value={value}
onChange={(lead) => onChange(lead === value ? null : lead)}

4
web/core/components/project/send-project-invitation-modal.tsx
View file

@ -322,8 +322,8 @@ export const SendProjectInvitationModal: React.FC<Props> = observer((props) => {
</Button>
<Button variant="primary" size="sm" type="submit" loading={isSubmitting}>
{isSubmitting
? `${fields && fields.length > 1 ? "Adding Members..." : "Adding Member..."}`
: `${fields && fields.length > 1 ? "Add Members" : "Add Member"}`}
? `${fields && fields.length > 1 ? "Adding members..." : "Adding member..."}`
: `${fields && fields.length > 1 ? "Add members" : "Add member"}`}
</Button>
</div>
</div>

2
web/core/components/views/delete-view-modal.tsx
View file

@ -63,7 +63,7 @@ export const DeleteProjectViewModal: React.FC<Props> = observer((props) => {
handleSubmit={handleDeleteView}
isSubmitting={isDeleteLoading}
isOpen={isOpen}
title="Delete View"
title="Delete view"
content={
<>
Are you sure you want to delete view-{" "}

2
web/core/components/views/form.tsx
View file

@ -131,7 +131,7 @@ export const ProjectViewForm: React.FC<Props> = observer((props) => {
return (
<form onSubmit={handleSubmit(handleCreateUpdateView)}>
<div className="space-y-5 p-5">
<h3 className="text-xl font-medium text-custom-text-200">{data ? "Update" : "Create"} View</h3>
<h3 className="text-xl font-medium text-custom-text-200">{data ? "Update" : "Create"} view</h3>
<div className="space-y-3">
<div className="flex items-start gap-2 w-full">
<EmojiIconPicker

2
web/core/components/workspace/views/delete-view-modal.tsx
View file

@ -68,7 +68,7 @@ export const DeleteGlobalViewModal: React.FC<Props> = observer((props) => {
handleSubmit={handleDeletion}
isSubmitting={isDeleteLoading}
isOpen={isOpen}
title="Delete View"
title="Delete view"
content={
<>
Are you sure you want to delete view-{" "}