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

style: camel case button text change

Browse Source
This commit is contained in:
Ramesh Kumar Chandra 2023-11-23 11:25:40 +05:30
parent 784be47e91
commit 89384117dd
25 changed files with 46 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/analytics/scope-and-demand/demand.tsx
View File

@ -53,7 +53,7 @@ export const AnalyticsDemand: React.FC<Props> = ({ defaultAnalytics }) => (
<div className="!mt-6 flex w-min items-center gap-2 whitespace-nowrap rounded-md border border-custom-border-200 bg-custom-background-80 p-2 text-xs"> <div className="!mt-6 flex w-min items-center gap-2 whitespace-nowrap rounded-md border border-custom-border-200 bg-custom-background-80 p-2 text-xs">
<p className="flex items-center gap-1 text-custom-text-200"> <p className="flex items-center gap-1 text-custom-text-200">
<Triangle className="h-4 w-4" /> <Triangle className="h-4 w-4" />
<span>Estimate Demand:</span> <span>Estimate demand:</span>
</p> </p>
<p className="font-medium"> <p className="font-medium">
{defaultAnalytics.open_estimate_sum}/{defaultAnalytics.total_estimate_sum} {defaultAnalytics.open_estimate_sum}/{defaultAnalytics.total_estimate_sum}

6
web/components/estimates/estimates-list.tsx
View File

@ -85,11 +85,11 @@ export const EstimatesList: React.FC = observer(() => {
}} }}
size="sm" size="sm"
> >
Add Estimate Add estimate
</Button> </Button>
{currentProjectDetails?.estimate && ( {currentProjectDetails?.estimate && (
<Button variant="neutral-primary" onClick={disableEstimates} size="sm"> <Button variant="neutral-primary" onClick={disableEstimates} size="sm">
Disable Estimates Disable estimates
</Button> </Button>
)} )}
</div> </div>
@ -116,7 +116,7 @@ export const EstimatesList: React.FC = observer(() => {
image={emptyEstimate} image={emptyEstimate}
primaryButton={{ primaryButton={{
icon: <Plus className="h-4 w-4" />, icon: <Plus className="h-4 w-4" />,
text: "Add Estimate", text: "Add estimate",
onClick: () => { onClick: () => {
setEstimateFormOpen(true); setEstimateFormOpen(true);
setEstimateToUpdate(undefined); setEstimateToUpdate(undefined);

2
web/components/headers/project-archived-issue-details.tsx
View File

@ -62,7 +62,7 @@ export const ProjectArchivedIssueDetailsHeader: FC = observer(() => {
<Breadcrumbs.BreadcrumbItem <Breadcrumbs.BreadcrumbItem
type="text" type="text"
icon={<LayersIcon className="h-4 w-4 text-custom-text-300" />} icon={<LayersIcon className="h-4 w-4 text-custom-text-300" />}
label="Archived Issues" label="Archived issues"
link={`/${workspaceSlug}/projects/${projectId}/archived-issues`} link={`/${workspaceSlug}/projects/${projectId}/archived-issues`}
/> />

2
web/components/headers/project-archived-issues.tsx
View File

@ -103,7 +103,7 @@ export const ProjectArchivedIssuesHeader: FC = observer(() => {
<Breadcrumbs.BreadcrumbItem <Breadcrumbs.BreadcrumbItem
type="text" type="text"
icon={<LayersIcon className="h-4 w-4 text-custom-text-300" />} icon={<LayersIcon className="h-4 w-4 text-custom-text-300" />}
label="Archived Issues" label="Archived issues"
/> />
</Breadcrumbs> </Breadcrumbs>
</div> </div>

2
web/components/headers/project-draft-issues.tsx
View File

@ -40,7 +40,7 @@ export const ProjectDraftIssueHeader: FC = observer(() => {
<Breadcrumbs.BreadcrumbItem <Breadcrumbs.BreadcrumbItem
type="text" type="text"
icon={<LayersIcon className="h-4 w-4 text-custom-text-300" />} icon={<LayersIcon className="h-4 w-4 text-custom-text-300" />}
label="Draft Issues" label="Draft issues"
/> />
</Breadcrumbs> </Breadcrumbs>
</div> </div>

2
web/components/headers/projects.tsx
View File

@ -42,7 +42,7 @@ export const ProjectsHeader = observer(() => {
)} )}
<Button prependIcon={<Plus />} size="sm" onClick={() => commandPaletteStore.toggleCreateProjectModal(true)}> <Button prependIcon={<Plus />} size="sm" onClick={() => commandPaletteStore.toggleCreateProjectModal(true)}>
Add Project Add project
</Button> </Button>
</div> </div>
</div> </div>

2
web/components/headers/workspace-dashboard.tsx
View File

@ -37,7 +37,7 @@ export const WorkspaceDashboardHeader = () => {
className="flex items-center gap-1.5 bg-custom-background-80 text-xs font-medium py-1.5 px-3 rounded flex-shrink-0" className="flex items-center gap-1.5 bg-custom-background-80 text-xs font-medium py-1.5 px-3 rounded flex-shrink-0"
> >
<Zap size={14} strokeWidth={2} fill="rgb(var(--color-text-100))" /> <Zap size={14} strokeWidth={2} fill="rgb(var(--color-text-100))" />
{"What's New?"} {"What's new?"}
</a> </a>
<a <a
className="flex items-center gap-1.5 bg-custom-background-80 text-xs font-medium py-1.5 px-3 rounded flex-shrink-0" className="flex items-center gap-1.5 bg-custom-background-80 text-xs font-medium py-1.5 px-3 rounded flex-shrink-0"

6
web/components/notifications/notification-header.tsx
View File

@ -148,10 +148,10 @@ export const NotificationHeader: React.FC<NotificationHeaderProps> = (props) =>
<ArrowLeft className="h-3.5 w-3.5" /> <ArrowLeft className="h-3.5 w-3.5" />
<span className="ml-2 font-medium"> <span className="ml-2 font-medium">
{snoozed {snoozed
? "Snoozed Notifications" ? "Snoozed notifications"
: readNotification : readNotification
? "Unread Notifications" ? "Unread notifications"
: "Archived Notifications"} : "Archived notifications"}
</span> </span>
</h4> </h4>
</button> </button>

2
web/components/page-views/workspace-dashboard.tsx
View File

@ -69,7 +69,7 @@ export const WorkspaceDashboardView = observer(() => {
<h5 className="text-xl font-semibold">Create a project</h5> <h5 className="text-xl font-semibold">Create a project</h5>
<p className="mt-2 mb-5">Manage your projects by creating issues, cycles, modules, views and pages.</p> <p className="mt-2 mb-5">Manage your projects by creating issues, cycles, modules, views and pages.</p>
<Button variant="primary" size="sm" onClick={() => commandPaletteStore.toggleCreateProjectModal(true)}> <Button variant="primary" size="sm" onClick={() => commandPaletteStore.toggleCreateProjectModal(true)}>
Create Project Create project
</Button> </Button>
</div> </div>
<div className="hidden md:block self-end overflow-hidden pt-8"> <div className="hidden md:block self-end overflow-hidden pt-8">

6
web/components/project/form.tsx
View File

@ -167,7 +167,7 @@ export const ProjectDetailsForm: FC<IProjectDetailsForm> = (props) => {
</div> </div>
<div className="flex flex-col gap-8 my-8"> <div className="flex flex-col gap-8 my-8">
<div className="flex flex-col gap-1"> <div className="flex flex-col gap-1">
<h4 className="text-sm">Project Name</h4> <h4 className="text-sm">Project name</h4>
<Controller <Controller
control={control} control={control}
name="name" name="name"
@ -184,7 +184,7 @@ export const ProjectDetailsForm: FC<IProjectDetailsForm> = (props) => {
onChange={onChange} onChange={onChange}
hasError={Boolean(errors.name)} hasError={Boolean(errors.name)}
className="!p-3 rounded-md font-medium" className="!p-3 rounded-md font-medium"
placeholder="Project Name" placeholder="Project name"
disabled={!isAdmin} disabled={!isAdmin}
/> />
)} )}
@ -275,7 +275,7 @@ export const ProjectDetailsForm: FC<IProjectDetailsForm> = (props) => {
<div className="flex items-center justify-between py-2"> <div className="flex items-center justify-between py-2">
<> <>
<Button variant="primary" type="submit" loading={isSubmitting} disabled={!isAdmin}> <Button variant="primary" type="submit" loading={isSubmitting} disabled={!isAdmin}>
{isSubmitting ? "Updating Project..." : "Update Project"} {isSubmitting ? "Updating project..." : "Update project"}
</Button> </Button>
<span className="text-sm text-custom-sidebar-text-400 italic"> <span className="text-sm text-custom-sidebar-text-400 italic">
Created on {renderShortDateWithYearFormat(project?.created_at)} Created on {renderShortDateWithYearFormat(project?.created_at)}

2
web/components/project/member-list.tsx
View File

@ -101,7 +101,7 @@ export const ProjectMemberList: React.FC = observer(() => {
/> />
</div> </div>
<Button variant="primary" onClick={() => setInviteModal(true)}> <Button variant="primary" onClick={() => setInviteModal(true)}>
Add Member Add member
</Button> </Button>
</div> </div>
{!projectMembers || !projectInvitations ? ( {!projectMembers || !projectInvitations ? (

4
web/components/project/project-settings-member-defaults.tsx
View File

@ -90,7 +90,7 @@ export const ProjectSettingsMemberDefaults: React.FC = observer(() => {
<div className="flex flex-col gap-2 pb-4 w-full"> <div className="flex flex-col gap-2 pb-4 w-full">
<div className="flex items-center py-8 gap-4 w-full"> <div className="flex items-center py-8 gap-4 w-full">
<div className="flex flex-col gap-2 w-1/2"> <div className="flex flex-col gap-2 w-1/2">
<h4 className="text-sm">Project Lead</h4> <h4 className="text-sm">Project lead</h4>
<div className=""> <div className="">
{currentProjectDetails ? ( {currentProjectDetails ? (
<Controller <Controller
@ -115,7 +115,7 @@ export const ProjectSettingsMemberDefaults: React.FC = observer(() => {
</div> </div>
<div className="flex flex-col gap-2 w-1/2"> <div className="flex flex-col gap-2 w-1/2">
<h4 className="text-sm">Default Assignee</h4> <h4 className="text-sm">Default assignee</h4>
<div className=""> <div className="">
{currentProjectDetails ? ( {currentProjectDetails ? (
<Controller <Controller

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

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

2
web/components/project/settings/delete-project-section.tsx
View File

@ -21,7 +21,7 @@ export const DeleteProjectSection: React.FC<IDeleteProjectSection> = (props) =>
{({ open }) => ( {({ open }) => (
<div className="w-full"> <div className="w-full">
<Disclosure.Button as="button" type="button" className="flex items-center justify-between w-full py-4"> <Disclosure.Button as="button" type="button" className="flex items-center justify-between w-full py-4">
<span className="text-xl tracking-tight">Delete Project</span> <span className="text-xl tracking-tight">Delete project</span>
{open ? <ChevronUp className="h-5 w-5" /> : <ChevronDown className="h-5 w-5" />} {open ? <ChevronUp className="h-5 w-5" /> : <ChevronDown className="h-5 w-5" />}
</Disclosure.Button> </Disclosure.Button>

4
web/components/project/sidebar-list-item.tsx
View File

@ -253,7 +253,7 @@ export const ProjectSidebarListItem: React.FC<Props> = observer((props) => {
> >
<div className="flex items-center justify-start gap-2"> <div className="flex items-center justify-start gap-2">
<ArchiveIcon className="h-3.5 w-3.5 stroke-[1.5]" /> <ArchiveIcon className="h-3.5 w-3.5 stroke-[1.5]" />
<span>Archived Issues</span> <span>Archived issues</span>
</div> </div>
</CustomMenu.MenuItem> </CustomMenu.MenuItem>
)} )}
@ -262,7 +262,7 @@ export const ProjectSidebarListItem: React.FC<Props> = observer((props) => {
> >
<div className="flex items-center justify-start gap-2"> <div className="flex items-center justify-start gap-2">
<PenSquare className="h-3.5 w-3.5 stroke-[1.5] text-custom-text-300" /> <PenSquare className="h-3.5 w-3.5 stroke-[1.5] text-custom-text-300" />
<span>Draft Issues</span> <span>Draft issues</span>
</div> </div>
</CustomMenu.MenuItem> </CustomMenu.MenuItem>
<CustomMenu.MenuItem <CustomMenu.MenuItem

2
web/components/project/sidebar-list.tsx
View File

@ -266,7 +266,7 @@ export const ProjectSidebarList: FC = observer(() => {
onClick={() => commandPaletteStore.toggleCreateProjectModal(true)} onClick={() => commandPaletteStore.toggleCreateProjectModal(true)}
> >
<Plus className="h-5 w-5" /> <Plus className="h-5 w-5" />
{!isCollapsed && "Add Project"} {!isCollapsed && "Add project"}
</button> </button>
)} )}
</div> </div>

6
web/components/workspace/issues-list.tsx
View File

@ -6,7 +6,7 @@ import { AlertTriangle } from "lucide-react";
import { LayersIcon, Loader } from "@plane/ui"; import { LayersIcon, Loader } from "@plane/ui";
// helpers // helpers
import { renderShortDateWithYearFormat } from "helpers/date-time.helper"; import { renderShortDateWithYearFormat } from "helpers/date-time.helper";
import { truncateText } from "helpers/string.helper"; import { capitalizeFirstLetter, truncateText } from "helpers/string.helper";
// types // types
import { IIssueLite } from "types"; import { IIssueLite } from "types";
@ -34,7 +34,7 @@ export const IssuesList: React.FC<Props> = ({ issues, type }) => {
return ( return (
<div> <div>
<h3 className="mb-2 font-semibold capitalize">{type} Issues</h3> <h3 className="mb-2 font-semibold ">{capitalizeFirstLetter(type)} issues</h3>
{issues ? ( {issues ? (
<div className="h-[calc(100%-2.25rem)] rounded-[10px] border border-custom-border-200 bg-custom-background-100 p-4 text-sm"> <div className="h-[calc(100%-2.25rem)] rounded-[10px] border border-custom-border-200 bg-custom-background-100 p-4 text-sm">
<div <div
@ -44,7 +44,7 @@ export const IssuesList: React.FC<Props> = ({ issues, type }) => {
> >
<h4 className="capitalize">{type}</h4> <h4 className="capitalize">{type}</h4>
<h4 className="col-span-2">Issue</h4> <h4 className="col-span-2">Issue</h4>
<h4>{type === "overdue" ? "Due" : "Start"} Date</h4> <h4>{type === "overdue" ? "Due" : "Start"} date</h4>
</div> </div>
<div className="max-h-72 overflow-y-scroll"> <div className="max-h-72 overflow-y-scroll">
{issues.length > 0 ? ( {issues.length > 0 ? (

4
web/components/workspace/issues-stats.tsx
View File

@ -77,8 +77,8 @@ export const IssuesStats: React.FC<Props> = ({ data }) => {
</div> </div>
</div> </div>
<div className="p-4 lg:col-span-2"> <div className="p-4 lg:col-span-2">
<h3 className="mb-2 font-semibold capitalize flex items-center gap-2"> <h3 className="mb-2 font-semibold flex items-center gap-2">
Activity Graph Activity graph
<Tooltip <Tooltip
tooltipContent="Your profile activity graph is a record of actions you've performed on issues across the workspace." tooltipContent="Your profile activity graph is a record of actions you've performed on issues across the workspace."
className="w-72 border border-custom-border-200" className="w-72 border border-custom-border-200"

8
web/components/workspace/sidebar-dropdown.tsx
View File

@ -18,15 +18,15 @@ import { IWorkspace } from "types";
// Static Data // Static Data
const userLinks = (workspaceSlug: string, userId: string) => [ const userLinks = (workspaceSlug: string, userId: string) => [
{ {
name: "Workspace Settings", name: "Workspace settings",
href: `/${workspaceSlug}/settings`, href: `/${workspaceSlug}/settings`,
}, },
{ {
name: "Workspace Invites", name: "Workspace invites",
href: "/invitations", href: "/invitations",
}, },
{ {
name: "My Profile", name: "My profile",
href: `/${workspaceSlug}/profile/${userId}`, href: `/${workspaceSlug}/profile/${userId}`,
}, },
]; ];
@ -206,7 +206,7 @@ export const WorkspaceSidebarDropdown = observer(() => {
className="flex w-full items-center gap-2 px-2 py-1 text-sm text-custom-sidebar-text-200 hover:bg-custom-sidebar-background-80" className="flex w-full items-center gap-2 px-2 py-1 text-sm text-custom-sidebar-text-200 hover:bg-custom-sidebar-background-80"
> >
<Plus className="h-4 w-4" /> <Plus className="h-4 w-4" />
Create Workspace Create workspace
</Menu.Item> </Menu.Item>
</div> </div>
) : ( ) : (

4
web/components/workspace/sidebar-quick-action.tsx
View File

@ -53,7 +53,7 @@ export const WorkspaceSidebarQuickAction = observer(() => {
onClick={() => commandPaletteStore.toggleCreateIssueModal(true)} onClick={() => commandPaletteStore.toggleCreateIssueModal(true)}
> >
<PenSquare className="h-4 w-4 text-custom-sidebar-text-300" /> <PenSquare className="h-4 w-4 text-custom-sidebar-text-300" />
{!isSidebarCollapsed && <span className="text-sm font-medium">New Issue</span>} {!isSidebarCollapsed && <span className="text-sm font-medium">New issue</span>}
</button> </button>
{storedValue && Object.keys(JSON.parse(storedValue)).length > 0 && ( {storedValue && Object.keys(JSON.parse(storedValue)).length > 0 && (
@ -83,7 +83,7 @@ export const WorkspaceSidebarQuickAction = observer(() => {
className="w-full flex text-sm items-center rounded flex-shrink-0 py-[10px] px-3 bg-custom-background-100 shadow border-[0.5px] border-custom-border-300 text-custom-text-300" className="w-full flex text-sm items-center rounded flex-shrink-0 py-[10px] px-3 bg-custom-background-100 shadow border-[0.5px] border-custom-border-300 text-custom-text-300"
> >
<PenSquare size={16} className="!text-lg !leading-4 text-custom-sidebar-text-300 mr-2" /> <PenSquare size={16} className="!text-lg !leading-4 text-custom-sidebar-text-300 mr-2" />
Last Drafted Issue Last drafted issue
</button> </button>
</div> </div>
</div> </div>

2
web/constants/analytics.ts
View File

@ -3,7 +3,7 @@ import { TXAxisValues, TYAxisValues } from "types";
export const ANALYTICS_TABS = [ export const ANALYTICS_TABS = [
{ key: "scope_and_demand", title: "Scope and Demand" }, { key: "scope_and_demand", title: "Scope and Demand" },
{ key: "custom", title: "Custom Analytics" }, { key: "custom", title: "Custom analytics" },
]; ];
export const ANALYTICS_X_AXIS_VALUES: { value: TXAxisValues; label: string }[] = [ export const ANALYTICS_X_AXIS_VALUES: { value: TXAxisValues; label: string }[] = [

12
web/constants/issue.ts
View File

@ -74,10 +74,10 @@ export const ISSUE_ORDER_BY_OPTIONS: {
title: string; title: string;
}[] = [ }[] = [
{ key: "sort_order", title: "Manual" }, { key: "sort_order", title: "Manual" },
{ key: "-created_at", title: "Last Created" }, { key: "-created_at", title: "Last created" },
{ key: "-updated_at", title: "Last Updated" }, { key: "-updated_at", title: "Last updated" },
{ key: "start_date", title: "Start Date" }, { key: "start_date", title: "Start date" },
{ key: "target_date", title: "Due Date" }, { key: "target_date", title: "Due date" },
{ key: "priority", title: "Priority" }, { key: "priority", title: "Priority" },
]; ];
@ -86,8 +86,8 @@ export const ISSUE_FILTER_OPTIONS: {
title: string; title: string;
}[] = [ }[] = [
{ key: null, title: "All" }, { key: null, title: "All" },
{ key: "active", title: "Active Issues" }, { key: "active", title: "Active issues" },
{ key: "backlog", title: "Backlog Issues" }, { key: "backlog", title: "Backlog issues" },
// { key: "draft", title: "Draft Issues" }, // { key: "draft", title: "Draft Issues" },
]; ];

2
web/layouts/auth-layout/project-wrapper.tsx
View File

@ -118,7 +118,7 @@ export const ProjectAuthWrapper: FC<IProjectAuthWrapper> = observer((props) => {
description="Try creating a new project" description="Try creating a new project"
image={emptyProject} image={emptyProject}
primaryButton={{ primaryButton={{
text: "Create Project", text: "Create project",
onClick: () => toggleCreateProjectModal(true), onClick: () => toggleCreateProjectModal(true),
}} }}
/> />

2
web/pages/[workspaceSlug]/projects/[projectId]/archived-issues/index.tsx
View File

@ -26,7 +26,7 @@ const ProjectArchivedIssuesPage: NextPageWithLayout = () => {
className="flex items-center gap-1.5 rounded-full border border-custom-border-200 px-3 py-1.5 text-xs" className="flex items-center gap-1.5 rounded-full border border-custom-border-200 px-3 py-1.5 text-xs"
> >
<ArchiveIcon className="h-4 w-4" /> <ArchiveIcon className="h-4 w-4" />
<span>Archived Issues</span> <span>Archived issues</span>
<X className="h-3 w-3" /> <X className="h-3 w-3" />
</button> </button>
</div> </div>

2
web/pages/[workspaceSlug]/projects/[projectId]/draft-issues/index.tsx
View File

@ -24,7 +24,7 @@ const ProjectDraftIssuesPage: NextPageWithLayout = () => {
className="flex items-center gap-1.5 rounded border border-custom-border-200 px-3 py-1.5 text-xs" className="flex items-center gap-1.5 rounded border border-custom-border-200 px-3 py-1.5 text-xs"
> >
<PenSquare className="h-3 w-3 text-custom-text-300" /> <PenSquare className="h-3 w-3 text-custom-text-300" />
<span>Draft Issues</span> <span>Draft issues</span>
<X className="h-3 w-3" /> <X className="h-3 w-3" />
</button> </button>