style: camel case button text change

2023-11-23 11:25:40 +05:30 · 2023-11-23 11:25:40 +05:30 · 89384117dd
commit 89384117dd
parent 784be47e91
25 changed files with 46 additions and 46 deletions
--- a/web/components/analytics/scope-and-demand/demand.tsx
+++ b/web/components/analytics/scope-and-demand/demand.tsx
@ -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">
      <p className="flex items-center gap-1 text-custom-text-200">
        <Triangle className="h-4 w-4" />
-        <span>Estimate Demand:</span>
+        <span>Estimate demand:</span>
      </p>
      <p className="font-medium">
        {defaultAnalytics.open_estimate_sum}/{defaultAnalytics.total_estimate_sum}
--- a/web/components/estimates/estimates-list.tsx
+++ b/web/components/estimates/estimates-list.tsx
@ -85,11 +85,11 @@ export const EstimatesList: React.FC = observer(() => {
              }}
              size="sm"
            >
-              Add Estimate
+              Add estimate
            </Button>
            {currentProjectDetails?.estimate && (
              <Button variant="neutral-primary" onClick={disableEstimates} size="sm">
-                Disable Estimates
+                Disable estimates
              </Button>
            )}
          </div>
@ -116,7 +116,7 @@ export const EstimatesList: React.FC = observer(() => {
              image={emptyEstimate}
              primaryButton={{
                icon: <Plus className="h-4 w-4" />,
-                text: "Add Estimate",
+                text: "Add estimate",
                onClick: () => {
                  setEstimateFormOpen(true);
                  setEstimateToUpdate(undefined);
--- a/web/components/headers/project-archived-issue-details.tsx
+++ b/web/components/headers/project-archived-issue-details.tsx
@ -62,7 +62,7 @@ export const ProjectArchivedIssueDetailsHeader: FC = observer(() => {
            <Breadcrumbs.BreadcrumbItem
              type="text"
              icon={<LayersIcon className="h-4 w-4 text-custom-text-300" />}
-              label="Archived Issues"
+              label="Archived issues"
              link={`/${workspaceSlug}/projects/${projectId}/archived-issues`}
            />

--- a/web/components/headers/project-archived-issues.tsx
+++ b/web/components/headers/project-archived-issues.tsx
@ -103,7 +103,7 @@ export const ProjectArchivedIssuesHeader: FC = observer(() => {
            <Breadcrumbs.BreadcrumbItem
              type="text"
              icon={<LayersIcon className="h-4 w-4 text-custom-text-300" />}
-              label="Archived Issues"
+              label="Archived issues"
            />
          </Breadcrumbs>
        </div>
--- a/web/components/headers/project-draft-issues.tsx
+++ b/web/components/headers/project-draft-issues.tsx
@ -40,7 +40,7 @@ export const ProjectDraftIssueHeader: FC = observer(() => {
            <Breadcrumbs.BreadcrumbItem
              type="text"
              icon={<LayersIcon className="h-4 w-4 text-custom-text-300" />}
-              label="Draft Issues"
+              label="Draft issues"
            />
          </Breadcrumbs>
        </div>
--- a/web/components/headers/projects.tsx
+++ b/web/components/headers/projects.tsx
@ -42,7 +42,7 @@ export const ProjectsHeader = observer(() => {
        )}

        <Button prependIcon={<Plus />} size="sm" onClick={() => commandPaletteStore.toggleCreateProjectModal(true)}>
-          Add Project
+          Add project
        </Button>
      </div>
    </div>
--- a/web/components/headers/workspace-dashboard.tsx
+++ b/web/components/headers/workspace-dashboard.tsx
@ -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"
          >
            <Zap size={14} strokeWidth={2} fill="rgb(var(--color-text-100))" />
-            {"What's New?"}
+            {"What's new?"}
          </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"
--- a/web/components/notifications/notification-header.tsx
+++ b/web/components/notifications/notification-header.tsx
@ -148,10 +148,10 @@ export const NotificationHeader: React.FC<NotificationHeaderProps> = (props) =>
              <ArrowLeft className="h-3.5 w-3.5" />
              <span className="ml-2 font-medium">
                {snoozed
-                  ? "Snoozed Notifications"
+                  ? "Snoozed notifications"
                  : readNotification
-                  ? "Unread Notifications"
-                  : "Archived Notifications"}
+                  ? "Unread notifications"
+                  : "Archived notifications"}
              </span>
            </h4>
          </button>
--- a/web/components/page-views/workspace-dashboard.tsx
+++ b/web/components/page-views/workspace-dashboard.tsx
@ -69,7 +69,7 @@ export const WorkspaceDashboardView = observer(() => {
                <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>
                <Button variant="primary" size="sm" onClick={() => commandPaletteStore.toggleCreateProjectModal(true)}>
-                  Create Project
+                  Create project
                </Button>
              </div>
              <div className="hidden md:block self-end overflow-hidden pt-8">
--- a/web/components/project/form.tsx
+++ b/web/components/project/form.tsx
@ -167,7 +167,7 @@ export const ProjectDetailsForm: FC<IProjectDetailsForm> = (props) => {
      </div>
      <div className="flex flex-col gap-8 my-8">
        <div className="flex flex-col gap-1">
-          <h4 className="text-sm">Project Name</h4>
+          <h4 className="text-sm">Project name</h4>
          <Controller
            control={control}
            name="name"
@ -184,7 +184,7 @@ export const ProjectDetailsForm: FC<IProjectDetailsForm> = (props) => {
                onChange={onChange}
                hasError={Boolean(errors.name)}
                className="!p-3 rounded-md font-medium"
-                placeholder="Project Name"
+                placeholder="Project name"
                disabled={!isAdmin}
              />
            )}
@ -275,7 +275,7 @@ export const ProjectDetailsForm: FC<IProjectDetailsForm> = (props) => {
        <div className="flex items-center justify-between py-2">
          <>
            <Button variant="primary" type="submit" loading={isSubmitting} disabled={!isAdmin}>
-              {isSubmitting ? "Updating Project..." : "Update Project"}
+              {isSubmitting ? "Updating project..." : "Update project"}
            </Button>
            <span className="text-sm text-custom-sidebar-text-400 italic">
              Created on {renderShortDateWithYearFormat(project?.created_at)}
--- a/web/components/project/member-list.tsx
+++ b/web/components/project/member-list.tsx
@ -101,7 +101,7 @@ export const ProjectMemberList: React.FC = observer(() => {
          />
        </div>
        <Button variant="primary" onClick={() => setInviteModal(true)}>
-          Add Member
+          Add member
        </Button>
      </div>
      {!projectMembers || !projectInvitations ? (
--- a/web/components/project/project-settings-member-defaults.tsx
+++ b/web/components/project/project-settings-member-defaults.tsx
@ -90,7 +90,7 @@ export const ProjectSettingsMemberDefaults: React.FC = observer(() => {
      <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 flex-col gap-2 w-1/2">
-            <h4 className="text-sm">Project Lead</h4>
+            <h4 className="text-sm">Project lead</h4>
            <div className="">
              {currentProjectDetails ? (
                <Controller
@ -115,7 +115,7 @@ export const ProjectSettingsMemberDefaults: React.FC = observer(() => {
          </div>

          <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="">
              {currentProjectDetails ? (
                <Controller
--- a/web/components/project/send-project-invitation-modal.tsx
+++ b/web/components/project/send-project-invitation-modal.tsx
@ -299,8 +299,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>
--- a/web/components/project/settings/delete-project-section.tsx
+++ b/web/components/project/settings/delete-project-section.tsx
@ -21,7 +21,7 @@ export const DeleteProjectSection: React.FC<IDeleteProjectSection> = (props) =>
      {({ open }) => (
        <div className="w-full">
          <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" />}
          </Disclosure.Button>

--- a/web/components/project/sidebar-list-item.tsx
+++ b/web/components/project/sidebar-list-item.tsx
@ -253,7 +253,7 @@ export const ProjectSidebarListItem: React.FC<Props> = observer((props) => {
                    >
                      <div className="flex items-center justify-start gap-2">
                        <ArchiveIcon className="h-3.5 w-3.5 stroke-[1.5]" />
-                        <span>Archived Issues</span>
+                        <span>Archived issues</span>
                      </div>
                    </CustomMenu.MenuItem>
                  )}
@ -262,7 +262,7 @@ export const ProjectSidebarListItem: React.FC<Props> = observer((props) => {
                  >
                    <div className="flex items-center justify-start gap-2">
                      <PenSquare className="h-3.5 w-3.5 stroke-[1.5] text-custom-text-300" />
-                      <span>Draft Issues</span>
+                      <span>Draft issues</span>
                    </div>
                  </CustomMenu.MenuItem>
                  <CustomMenu.MenuItem
--- a/web/components/project/sidebar-list.tsx
+++ b/web/components/project/sidebar-list.tsx
@ -266,7 +266,7 @@ export const ProjectSidebarList: FC = observer(() => {
            onClick={() => commandPaletteStore.toggleCreateProjectModal(true)}
          >
            <Plus className="h-5 w-5" />
-            {!isCollapsed && "Add Project"}
+            {!isCollapsed && "Add project"}
          </button>
        )}
      </div>
--- a/web/components/workspace/issues-list.tsx
+++ b/web/components/workspace/issues-list.tsx
@ -6,7 +6,7 @@ import { AlertTriangle } from "lucide-react";
 import { LayersIcon, Loader } from "@plane/ui";
 // helpers
 import { renderShortDateWithYearFormat } from "helpers/date-time.helper";
-import { truncateText } from "helpers/string.helper";
+import { capitalizeFirstLetter, truncateText } from "helpers/string.helper";
 // types
 import { IIssueLite } from "types";

@ -34,7 +34,7 @@ export const IssuesList: React.FC<Props> = ({ issues, type }) => {

  return (
    <div>
-      <h3 className="mb-2 font-semibold capitalize">{type} Issues</h3>
+      <h3 className="mb-2 font-semibold ">{capitalizeFirstLetter(type)} issues</h3>
      {issues ? (
        <div className="h-[calc(100%-2.25rem)] rounded-[10px] border border-custom-border-200 bg-custom-background-100 p-4 text-sm">
          <div
@ -44,7 +44,7 @@ export const IssuesList: React.FC<Props> = ({ issues, type }) => {
          >
            <h4 className="capitalize">{type}</h4>
            <h4 className="col-span-2">Issue</h4>
-            <h4>{type === "overdue" ? "Due" : "Start"} Date</h4>
+            <h4>{type === "overdue" ? "Due" : "Start"} date</h4>
          </div>
          <div className="max-h-72 overflow-y-scroll">
            {issues.length > 0 ? (
--- a/web/components/workspace/issues-stats.tsx
+++ b/web/components/workspace/issues-stats.tsx
@ -77,8 +77,8 @@ export const IssuesStats: React.FC<Props> = ({ data }) => {
        </div>
      </div>
      <div className="p-4 lg:col-span-2">
-        <h3 className="mb-2 font-semibold capitalize flex items-center gap-2">
-          Activity Graph
+        <h3 className="mb-2 font-semibold flex items-center gap-2">
+          Activity graph
          <Tooltip
            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"
--- a/web/components/workspace/sidebar-dropdown.tsx
+++ b/web/components/workspace/sidebar-dropdown.tsx
@ -18,15 +18,15 @@ import { IWorkspace } from "types";
 // Static Data
 const userLinks = (workspaceSlug: string, userId: string) => [
  {
-    name: "Workspace Settings",
+    name: "Workspace settings",
    href: `/${workspaceSlug}/settings`,
  },
  {
-    name: "Workspace Invites",
+    name: "Workspace invites",
    href: "/invitations",
  },
  {
-    name: "My Profile",
+    name: "My profile",
    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"
                      >
                        <Plus className="h-4 w-4" />
-                        Create Workspace
+                        Create workspace
                      </Menu.Item>
                    </div>
                  ) : (
--- a/web/components/workspace/sidebar-quick-action.tsx
+++ b/web/components/workspace/sidebar-quick-action.tsx
@ -53,7 +53,7 @@ export const WorkspaceSidebarQuickAction = observer(() => {
            onClick={() => commandPaletteStore.toggleCreateIssueModal(true)}
          >
            <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>

          {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"
                  >
                    <PenSquare size={16} className="!text-lg !leading-4 text-custom-sidebar-text-300 mr-2" />
-                    Last Drafted Issue
+                    Last drafted issue
                  </button>
                </div>
              </div>
--- a/web/constants/analytics.ts
+++ b/web/constants/analytics.ts
@ -3,7 +3,7 @@ import { TXAxisValues, TYAxisValues } from "types";

 export const ANALYTICS_TABS = [
  { 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 }[] = [
--- a/web/constants/issue.ts
+++ b/web/constants/issue.ts
@ -74,10 +74,10 @@ export const ISSUE_ORDER_BY_OPTIONS: {
  title: string;
 }[] = [
  { key: "sort_order", title: "Manual" },
-  { key: "-created_at", title: "Last Created" },
-  { key: "-updated_at", title: "Last Updated" },
-  { key: "start_date", title: "Start Date" },
-  { key: "target_date", title: "Due Date" },
+  { key: "-created_at", title: "Last created" },
+  { key: "-updated_at", title: "Last updated" },
+  { key: "start_date", title: "Start date" },
+  { key: "target_date", title: "Due date" },
  { key: "priority", title: "Priority" },
 ];

@ -86,8 +86,8 @@ export const ISSUE_FILTER_OPTIONS: {
  title: string;
 }[] = [
  { key: null, title: "All" },
-  { key: "active", title: "Active Issues" },
-  { key: "backlog", title: "Backlog Issues" },
+  { key: "active", title: "Active issues" },
+  { key: "backlog", title: "Backlog issues" },
  // { key: "draft", title: "Draft Issues" },
 ];

--- a/web/layouts/auth-layout/project-wrapper.tsx
+++ b/web/layouts/auth-layout/project-wrapper.tsx
@ -118,7 +118,7 @@ export const ProjectAuthWrapper: FC<IProjectAuthWrapper> = observer((props) => {
          description="Try creating a new project"
          image={emptyProject}
          primaryButton={{
-            text: "Create Project",
+            text: "Create project",
            onClick: () => toggleCreateProjectModal(true),
          }}
        />
--- a/web/pages/[workspaceSlug]/projects/[projectId]/archived-issues/index.tsx
+++ b/web/pages/[workspaceSlug]/projects/[projectId]/archived-issues/index.tsx
@ -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"
        >
          <ArchiveIcon className="h-4 w-4" />
-          <span>Archived Issues</span>
+          <span>Archived issues</span>
          <X className="h-3 w-3" />
        </button>
      </div>
--- a/web/pages/[workspaceSlug]/projects/[projectId]/draft-issues/index.tsx
+++ b/web/pages/[workspaceSlug]/projects/[projectId]/draft-issues/index.tsx
@ -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"
        >
          <PenSquare className="h-3 w-3 text-custom-text-300" />
-          <span>Draft Issues</span>
+          <span>Draft issues</span>

          <X className="h-3 w-3" />
        </button>