forked from github/plane
chore: typo changes for the buttons of issues, projects, pages, cycles, modules, sub-issues
This commit is contained in:
parent
9f206331bc
commit
de6c574cbd
@ -243,7 +243,7 @@ export const CyclesListItem: FC<TCyclesListItem> = (props) => {
|
|||||||
<CustomMenu.MenuItem onClick={handleDeleteCycle}>
|
<CustomMenu.MenuItem onClick={handleDeleteCycle}>
|
||||||
<span className="flex items-center justify-start gap-2">
|
<span className="flex items-center justify-start gap-2">
|
||||||
<Trash2 className="h-3 w-3" />
|
<Trash2 className="h-3 w-3" />
|
||||||
<span>Delete module</span>
|
<span>Delete cycle</span>
|
||||||
</span>
|
</span>
|
||||||
</CustomMenu.MenuItem>
|
</CustomMenu.MenuItem>
|
||||||
</>
|
</>
|
||||||
|
@ -90,7 +90,7 @@ export const CycleDeleteModal: React.FC<ICycleDelete> = observer((props) => {
|
|||||||
<div className="flex-shrink-0 flex justify-center items-center rounded-full bg-red-500/20 w-12 h-12">
|
<div className="flex-shrink-0 flex justify-center items-center rounded-full bg-red-500/20 w-12 h-12">
|
||||||
<AlertTriangle width={16} strokeWidth={2} className="text-red-600" />
|
<AlertTriangle width={16} strokeWidth={2} className="text-red-600" />
|
||||||
</div>
|
</div>
|
||||||
<div className="text-xl font-medium 2xl:text-2xl">Delete Cycle</div>
|
<div className="text-xl font-medium 2xl:text-2xl">Delete cycle</div>
|
||||||
</div>
|
</div>
|
||||||
<span>
|
<span>
|
||||||
<p className="text-sm text-custom-text-200">
|
<p className="text-sm text-custom-text-200">
|
||||||
@ -106,7 +106,7 @@ export const CycleDeleteModal: React.FC<ICycleDelete> = observer((props) => {
|
|||||||
</Button>
|
</Button>
|
||||||
|
|
||||||
<Button variant="danger" size="sm" onClick={formSubmit}>
|
<Button variant="danger" size="sm" onClick={formSubmit}>
|
||||||
{loader ? "Deleting..." : "Delete Cycle"}
|
{loader ? "Deleting..." : "Delete cycle"}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -58,7 +58,7 @@ export const CycleForm: React.FC<Props> = (props) => {
|
|||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
<h3 className="text-xl font-medium leading-6 text-custom-text-200">{status ? "Update" : "New"} Cycle</h3>
|
<h3 className="text-xl font-medium leading-6 text-custom-text-200">{data?.id ? "Update cycle" : "New cycle"}</h3>
|
||||||
</div>
|
</div>
|
||||||
<div className="space-y-3">
|
<div className="space-y-3">
|
||||||
<div className="mt-2 space-y-3">
|
<div className="mt-2 space-y-3">
|
||||||
@ -142,11 +142,11 @@ export const CycleForm: React.FC<Props> = (props) => {
|
|||||||
<Button variant="primary" type="submit" loading={isSubmitting}>
|
<Button variant="primary" type="submit" loading={isSubmitting}>
|
||||||
{data
|
{data
|
||||||
? isSubmitting
|
? isSubmitting
|
||||||
? "Updating Cycle..."
|
? "Updating cycle..."
|
||||||
: "Update Cycle"
|
: "Update cycle"
|
||||||
: isSubmitting
|
: isSubmitting
|
||||||
? "Creating Cycle..."
|
? "Creating cycle..."
|
||||||
: "Create Cycle"}
|
: "Create cycle"}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
@ -204,7 +204,7 @@ export const CycleIssuesHeader: React.FC = observer(() => {
|
|||||||
size="sm"
|
size="sm"
|
||||||
prependIcon={<Plus />}
|
prependIcon={<Plus />}
|
||||||
>
|
>
|
||||||
Add Issue
|
Add issue
|
||||||
</Button>
|
</Button>
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
|
@ -59,7 +59,7 @@ export const CyclesHeader: FC<ICyclesHeader> = (props) => {
|
|||||||
document.dispatchEvent(e);
|
document.dispatchEvent(e);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
Add Cycle
|
Build cycle
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -202,7 +202,7 @@ export const ModuleIssuesHeader: React.FC = observer(() => {
|
|||||||
size="sm"
|
size="sm"
|
||||||
prependIcon={<Plus />}
|
prependIcon={<Plus />}
|
||||||
>
|
>
|
||||||
Add Issue
|
Add issue
|
||||||
</Button>
|
</Button>
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
|
@ -82,7 +82,7 @@ export const ModulesListHeader: React.FC = observer(() => {
|
|||||||
document.dispatchEvent(e);
|
document.dispatchEvent(e);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
Add Module
|
Add module
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -83,7 +83,7 @@ export const PageDetailsHeader: FC<IPagesHeaderProps> = observer((props) => {
|
|||||||
document.dispatchEvent(e);
|
document.dispatchEvent(e);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
Create Page
|
Create page
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
@ -61,7 +61,7 @@ export const PagesHeader: FC<IPagesHeaderProps> = observer((props) => {
|
|||||||
document.dispatchEvent(e);
|
document.dispatchEvent(e);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
Create Page
|
Create page
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
@ -54,7 +54,7 @@ export const ProjectInboxHeader: FC = observer(() => {
|
|||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<CreateInboxIssueModal isOpen={createIssueModal} onClose={() => setCreateIssueModal(false)} />
|
<CreateInboxIssueModal isOpen={createIssueModal} onClose={() => setCreateIssueModal(false)} />
|
||||||
<Button variant="primary" prependIcon={<Plus />} size="sm" onClick={() => setCreateIssueModal(true)}>
|
<Button variant="primary" prependIcon={<Plus />} size="sm" onClick={() => setCreateIssueModal(true)}>
|
||||||
Add Issue
|
Add issue
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -208,7 +208,7 @@ export const ProjectIssuesHeader: React.FC = observer(() => {
|
|||||||
size="sm"
|
size="sm"
|
||||||
prependIcon={<Plus />}
|
prependIcon={<Plus />}
|
||||||
>
|
>
|
||||||
Add Issue
|
Add issue
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -51,7 +51,7 @@ export const ProjectsHeader = observer(() => {
|
|||||||
document.dispatchEvent(e);
|
document.dispatchEvent(e);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
Add Project
|
Add project
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -173,7 +173,7 @@ export const CreateInboxIssueModal: React.FC<Props> = observer((props) => {
|
|||||||
Discard
|
Discard
|
||||||
</Button>
|
</Button>
|
||||||
<Button variant="primary" type="submit" loading={isSubmitting}>
|
<Button variant="primary" type="submit" loading={isSubmitting}>
|
||||||
{isSubmitting ? "Adding Issue..." : "Add Issue"}
|
{isSubmitting ? "Adding issue..." : "Add issue"}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -99,7 +99,7 @@ export const DeleteInboxIssueModal: React.FC<Props> = observer(({ isOpen, onClos
|
|||||||
<AlertTriangle className="h-6 w-6 text-red-600" aria-hidden="true" />
|
<AlertTriangle className="h-6 w-6 text-red-600" aria-hidden="true" />
|
||||||
</span>
|
</span>
|
||||||
<span className="flex items-center justify-start">
|
<span className="flex items-center justify-start">
|
||||||
<h3 className="text-xl font-medium 2xl:text-2xl">Delete Issue</h3>
|
<h3 className="text-xl font-medium 2xl:text-2xl">Delete issue</h3>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<span>
|
<span>
|
||||||
@ -116,7 +116,7 @@ export const DeleteInboxIssueModal: React.FC<Props> = observer(({ isOpen, onClos
|
|||||||
Cancel
|
Cancel
|
||||||
</Button>
|
</Button>
|
||||||
<Button variant="danger" onClick={handleDelete} loading={isDeleting}>
|
<Button variant="danger" onClick={handleDelete} loading={isDeleting}>
|
||||||
{isDeleting ? "Deleting..." : "Delete Issue"}
|
{isDeleting ? "Deleting..." : "Delete issue"}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -99,7 +99,7 @@ export const DeleteImportModal: React.FC<Props> = ({ isOpen, handleClose, data,
|
|||||||
<AlertTriangle className="h-6 w-6 text-red-500" aria-hidden="true" />
|
<AlertTriangle className="h-6 w-6 text-red-500" aria-hidden="true" />
|
||||||
</span>
|
</span>
|
||||||
<span className="flex items-center justify-start">
|
<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>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<span>
|
<span>
|
||||||
@ -136,7 +136,7 @@ export const DeleteImportModal: React.FC<Props> = ({ isOpen, handleClose, data,
|
|||||||
disabled={!confirmDeleteImport}
|
disabled={!confirmDeleteImport}
|
||||||
loading={deleteLoading}
|
loading={deleteLoading}
|
||||||
>
|
>
|
||||||
{deleteLoading ? "Deleting..." : "Delete Project"}
|
{deleteLoading ? "Deleting..." : "Delete project"}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -117,7 +117,7 @@ export const DeleteArchivedIssueModal: React.FC<Props> = observer((props) => {
|
|||||||
Cancel
|
Cancel
|
||||||
</Button>
|
</Button>
|
||||||
<Button variant="danger" onClick={handleIssueDelete} loading={isDeleteLoading}>
|
<Button variant="danger" onClick={handleIssueDelete} loading={isDeleteLoading}>
|
||||||
{isDeleteLoading ? "Deleting..." : "Delete Issue"}
|
{isDeleteLoading ? "Deleting..." : "Delete issue"}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -127,7 +127,7 @@ export const DeleteDraftIssueModal: React.FC<Props> = observer((props) => {
|
|||||||
Cancel
|
Cancel
|
||||||
</Button>
|
</Button>
|
||||||
<Button variant="danger" onClick={handleDeletion} loading={isDeleteLoading}>
|
<Button variant="danger" onClick={handleDeletion} loading={isDeleteLoading}>
|
||||||
{isDeleteLoading ? "Deleting..." : "Delete Issue"}
|
{isDeleteLoading ? "Deleting..." : "Delete issue"}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -79,7 +79,7 @@ export const DeleteIssueModal: React.FC<Props> = observer((props) => {
|
|||||||
<AlertTriangle className="h-6 w-6 text-red-600" aria-hidden="true" />
|
<AlertTriangle className="h-6 w-6 text-red-600" aria-hidden="true" />
|
||||||
</span>
|
</span>
|
||||||
<span className="flex items-center justify-start">
|
<span className="flex items-center justify-start">
|
||||||
<h3 className="text-xl font-medium 2xl:text-2xl">Delete Issue</h3>
|
<h3 className="text-xl font-medium 2xl:text-2xl">Delete issue</h3>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<span>
|
<span>
|
||||||
@ -97,7 +97,7 @@ export const DeleteIssueModal: React.FC<Props> = observer((props) => {
|
|||||||
Cancel
|
Cancel
|
||||||
</Button>
|
</Button>
|
||||||
<Button variant="danger" onClick={handleIssueDelete} loading={isDeleteLoading}>
|
<Button variant="danger" onClick={handleIssueDelete} loading={isDeleteLoading}>
|
||||||
{isDeleteLoading ? "Deleting..." : "Delete Issue"}
|
{isDeleteLoading ? "Deleting..." : "Delete issue"}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -284,7 +284,7 @@ export const IssueForm: FC<IssueFormProps> = observer((props) => {
|
|||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
<h3 className="text-xl font-semibold leading-6 text-custom-text-100">
|
<h3 className="text-xl font-semibold leading-6 text-custom-text-100">
|
||||||
{status ? "Update" : "Create"} Issue
|
{status ? "Update issue" : "Create issue"}
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
{watch("parent") &&
|
{watch("parent") &&
|
||||||
@ -619,11 +619,11 @@ export const IssueForm: FC<IssueFormProps> = observer((props) => {
|
|||||||
<Button variant="primary" type="submit" loading={isSubmitting}>
|
<Button variant="primary" type="submit" loading={isSubmitting}>
|
||||||
{status
|
{status
|
||||||
? isSubmitting
|
? isSubmitting
|
||||||
? "Updating Issue..."
|
? "Updating issue..."
|
||||||
: "Update Issue"
|
: "Update issue"
|
||||||
: isSubmitting
|
: isSubmitting
|
||||||
? "Adding Issue..."
|
? "Adding issue..."
|
||||||
: "Add Issue"}
|
: "Add issue"}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -204,7 +204,7 @@ export const CalendarInlineCreateIssueForm: React.FC<Props> = observer((props) =
|
|||||||
onClick={() => setIsOpen(true)}
|
onClick={() => setIsOpen(true)}
|
||||||
>
|
>
|
||||||
<PlusIcon className="h-3.5 w-3.5 stroke-2" />
|
<PlusIcon className="h-3.5 w-3.5 stroke-2" />
|
||||||
<span className="text-sm font-medium text-custom-primary-100">New Issue</span>
|
<span className="text-sm font-medium text-custom-primary-100">New issue</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
@ -170,7 +170,7 @@ export const GanttInlineCreateIssueForm: React.FC<Props> = observer((props) => {
|
|||||||
onClick={() => setIsOpen(true)}
|
onClick={() => setIsOpen(true)}
|
||||||
>
|
>
|
||||||
<PlusIcon className="h-3.5 w-3.5 stroke-2" />
|
<PlusIcon className="h-3.5 w-3.5 stroke-2" />
|
||||||
<span className="text-sm font-medium text-custom-primary-100">New Issue</span>
|
<span className="text-sm font-medium text-custom-primary-100">New issue</span>
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
</>
|
</>
|
||||||
|
@ -173,7 +173,7 @@ export const BoardInlineCreateIssueForm: React.FC<Props> = observer((props) => {
|
|||||||
onClick={() => setIsOpen(true)}
|
onClick={() => setIsOpen(true)}
|
||||||
>
|
>
|
||||||
<PlusIcon className="h-3.5 w-3.5 stroke-2" />
|
<PlusIcon className="h-3.5 w-3.5 stroke-2" />
|
||||||
<span className="text-sm font-medium text-custom-primary-100">New Issue</span>
|
<span className="text-sm font-medium text-custom-primary-100">New issue</span>
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
@ -173,7 +173,7 @@ export const ListInlineCreateIssueForm: React.FC<Props> = observer((props) => {
|
|||||||
onClick={() => setIsOpen(true)}
|
onClick={() => setIsOpen(true)}
|
||||||
>
|
>
|
||||||
<PlusIcon className="h-3.5 w-3.5 stroke-2" />
|
<PlusIcon className="h-3.5 w-3.5 stroke-2" />
|
||||||
<span className="text-sm font-medium text-custom-primary-100">New Issue</span>
|
<span className="text-sm font-medium text-custom-primary-100">New issue</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
@ -179,7 +179,7 @@ export const SpreadsheetInlineCreateIssueForm: React.FC<Props> = observer((props
|
|||||||
onClick={() => setIsOpen(true)}
|
onClick={() => setIsOpen(true)}
|
||||||
>
|
>
|
||||||
<PlusIcon className="h-3.5 w-3.5 stroke-2" />
|
<PlusIcon className="h-3.5 w-3.5 stroke-2" />
|
||||||
<span className="text-sm font-medium text-custom-primary-100">New Issue</span>
|
<span className="text-sm font-medium text-custom-primary-100">New issue</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
@ -152,7 +152,7 @@ export const SpreadsheetView: React.FC<Props> = observer((props) => {
|
|||||||
onClick={() => setIsInlineCreateIssueFormOpen(true)}
|
onClick={() => setIsInlineCreateIssueFormOpen(true)}
|
||||||
>
|
>
|
||||||
<PlusIcon className="h-4 w-4" />
|
<PlusIcon className="h-4 w-4" />
|
||||||
New Issue
|
New issue
|
||||||
</button>
|
</button>
|
||||||
) : (
|
) : (
|
||||||
<CustomMenu
|
<CustomMenu
|
||||||
@ -163,7 +163,7 @@ export const SpreadsheetView: React.FC<Props> = observer((props) => {
|
|||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
<PlusIcon className="h-4 w-4" />
|
<PlusIcon className="h-4 w-4" />
|
||||||
New Issue
|
New issue
|
||||||
</button>
|
</button>
|
||||||
}
|
}
|
||||||
optionsClassName="left-5 !w-36"
|
optionsClassName="left-5 !w-36"
|
||||||
|
@ -282,7 +282,7 @@ export const SubIssuesRoot: React.FC<ISubIssuesRoot> = observer((props) => {
|
|||||||
) : (
|
) : (
|
||||||
isEditable && (
|
isEditable && (
|
||||||
<div className="flex justify-between items-center">
|
<div className="flex justify-between items-center">
|
||||||
<div className="text-xs py-2 text-custom-text-300 italic">No Sub-Issues yet</div>
|
<div className="text-xs py-2 text-custom-text-300 italic">No Sub-issues yet</div>
|
||||||
<div>
|
<div>
|
||||||
<CustomMenu
|
<CustomMenu
|
||||||
label={
|
label={
|
||||||
|
@ -92,7 +92,7 @@ export const DeleteModuleModal: React.FC<Props> = observer((props) => {
|
|||||||
</div>
|
</div>
|
||||||
<div className="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
|
<div className="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
|
||||||
<Dialog.Title as="h3" className="text-lg font-medium leading-6 text-custom-text-100">
|
<Dialog.Title as="h3" className="text-lg font-medium leading-6 text-custom-text-100">
|
||||||
Delete Module
|
Delete module
|
||||||
</Dialog.Title>
|
</Dialog.Title>
|
||||||
<div className="mt-2">
|
<div className="mt-2">
|
||||||
<p className="text-sm text-custom-text-200">
|
<p className="text-sm text-custom-text-200">
|
||||||
|
@ -92,7 +92,7 @@ export const ModuleForm: React.FC<Props> = ({
|
|||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
<h3 className="text-xl font-medium leading-6 text-custom-text-200">{status ? "Update" : "New"} Module</h3>
|
<h3 className="text-xl font-medium leading-6 text-custom-text-200">{status ? "Update module" : "New module"}</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="space-y-3">
|
<div className="space-y-3">
|
||||||
@ -189,11 +189,11 @@ export const ModuleForm: React.FC<Props> = ({
|
|||||||
<Button variant="primary" type="submit" loading={isSubmitting}>
|
<Button variant="primary" type="submit" loading={isSubmitting}>
|
||||||
{status
|
{status
|
||||||
? isSubmitting
|
? isSubmitting
|
||||||
? "Updating Module..."
|
? "Updating module..."
|
||||||
: "Update Module"
|
: "Update module"
|
||||||
: isSubmitting
|
: isSubmitting
|
||||||
? "Creating Module..."
|
? "Creating module..."
|
||||||
: "Create Module"}
|
: "Create module"}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
@ -84,7 +84,7 @@ export const ModulesListView: React.FC = observer(() => {
|
|||||||
image={emptyModule}
|
image={emptyModule}
|
||||||
primaryButton={{
|
primaryButton={{
|
||||||
icon: <Plus className="h-4 w-4" />,
|
icon: <Plus className="h-4 w-4" />,
|
||||||
text: "New Module",
|
text: "New module",
|
||||||
onClick: () => {
|
onClick: () => {
|
||||||
const e = new KeyboardEvent("keydown", {
|
const e = new KeyboardEvent("keydown", {
|
||||||
key: "m",
|
key: "m",
|
||||||
|
@ -77,7 +77,7 @@ export const WorkspaceDashboardView = observer(() => {
|
|||||||
document.dispatchEvent(e);
|
document.dispatchEvent(e);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
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">
|
||||||
|
@ -118,11 +118,11 @@ export const DeletePageModal: React.FC<TConfirmPageDeletionProps> = ({ isOpen, s
|
|||||||
</div>
|
</div>
|
||||||
<div className="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
|
<div className="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
|
||||||
<Dialog.Title as="h3" className="text-lg font-medium leading-6 text-custom-text-100">
|
<Dialog.Title as="h3" className="text-lg font-medium leading-6 text-custom-text-100">
|
||||||
Delete Page
|
Delete page
|
||||||
</Dialog.Title>
|
</Dialog.Title>
|
||||||
<div className="mt-2">
|
<div className="mt-2">
|
||||||
<p className="text-sm text-custom-text-200">
|
<p className="text-sm text-custom-text-200">
|
||||||
Are you sure you want to delete Page-{" "}
|
Are you sure you want to delete page-{" "}
|
||||||
<span className="break-words font-medium text-custom-text-100">{data?.name}</span>? All of the
|
<span className="break-words font-medium text-custom-text-100">{data?.name}</span>? All of the
|
||||||
data related to the page will be permanently removed. This action cannot be undone.
|
data related to the page will be permanently removed. This action cannot be undone.
|
||||||
</p>
|
</p>
|
||||||
|
@ -45,7 +45,7 @@ export const PageForm: React.FC<Props> = ({ handleFormSubmit, handleClose, statu
|
|||||||
return (
|
return (
|
||||||
<form onSubmit={handleSubmit(handleCreateUpdatePage)}>
|
<form onSubmit={handleSubmit(handleCreateUpdatePage)}>
|
||||||
<div className="space-y-5">
|
<div className="space-y-5">
|
||||||
<h3 className="text-lg font-medium leading-6 text-custom-text-100">{status ? "Update" : "Create"} Page</h3>
|
<h3 className="text-lg font-medium leading-6 text-custom-text-100">{status ? "Update page" : "Create page"}</h3>
|
||||||
<div className="space-y-3">
|
<div className="space-y-3">
|
||||||
<div>
|
<div>
|
||||||
<Controller
|
<Controller
|
||||||
@ -82,11 +82,11 @@ export const PageForm: React.FC<Props> = ({ handleFormSubmit, handleClose, statu
|
|||||||
<Button variant="primary" type="submit" loading={isSubmitting}>
|
<Button variant="primary" type="submit" loading={isSubmitting}>
|
||||||
{status
|
{status
|
||||||
? isSubmitting
|
? isSubmitting
|
||||||
? "Updating Page..."
|
? "Updating page..."
|
||||||
: "Update Page"
|
: "Update page"
|
||||||
: isSubmitting
|
: isSubmitting
|
||||||
? "Creating Page..."
|
? "Creating page..."
|
||||||
: "Create Page"}
|
: "Create page"}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
@ -60,7 +60,7 @@ export const RecentPagesList: React.FC<TPagesListProps> = ({ viewType }) => {
|
|||||||
image={emptyPage}
|
image={emptyPage}
|
||||||
primaryButton={{
|
primaryButton={{
|
||||||
icon: <Plus className="h-4 w-4" />,
|
icon: <Plus className="h-4 w-4" />,
|
||||||
text: "New Page",
|
text: "New page",
|
||||||
onClick: () => {
|
onClick: () => {
|
||||||
const e = new KeyboardEvent("keydown", {
|
const e = new KeyboardEvent("keydown", {
|
||||||
key: "d",
|
key: "d",
|
||||||
|
@ -263,7 +263,7 @@ export const PagesView: React.FC<Props> = ({ pages, viewType }) => {
|
|||||||
image={emptyPage}
|
image={emptyPage}
|
||||||
primaryButton={{
|
primaryButton={{
|
||||||
icon: <Plus className="h-4 w-4" />,
|
icon: <Plus className="h-4 w-4" />,
|
||||||
text: "New Page",
|
text: "New page",
|
||||||
onClick: () => {
|
onClick: () => {
|
||||||
const e = new KeyboardEvent("keydown", {
|
const e = new KeyboardEvent("keydown", {
|
||||||
key: "d",
|
key: "d",
|
||||||
|
@ -158,7 +158,7 @@ export const SinglePageDetailedItem: React.FC<TSingleStatProps> = ({
|
|||||||
>
|
>
|
||||||
<span className="flex items-center justify-start gap-2">
|
<span className="flex items-center justify-start gap-2">
|
||||||
<Pencil className="h-3.5 w-3.5" />
|
<Pencil className="h-3.5 w-3.5" />
|
||||||
<span>Edit Page</span>
|
<span>Edit page</span>
|
||||||
</span>
|
</span>
|
||||||
</CustomMenu.MenuItem>
|
</CustomMenu.MenuItem>
|
||||||
<CustomMenu.MenuItem
|
<CustomMenu.MenuItem
|
||||||
@ -170,7 +170,7 @@ export const SinglePageDetailedItem: React.FC<TSingleStatProps> = ({
|
|||||||
>
|
>
|
||||||
<span className="flex items-center justify-start gap-2">
|
<span className="flex items-center justify-start gap-2">
|
||||||
<Trash2 className="h-3.5 w-3.5" />
|
<Trash2 className="h-3.5 w-3.5" />
|
||||||
<span>Delete Page</span>
|
<span>Delete page</span>
|
||||||
</span>
|
</span>
|
||||||
</CustomMenu.MenuItem>
|
</CustomMenu.MenuItem>
|
||||||
<CustomMenu.MenuItem
|
<CustomMenu.MenuItem
|
||||||
|
@ -158,7 +158,7 @@ export const SinglePageListItem: React.FC<TSingleStatProps> = ({
|
|||||||
>
|
>
|
||||||
<span className="flex items-center justify-start gap-2">
|
<span className="flex items-center justify-start gap-2">
|
||||||
<Pencil className="h-3.5 w-3.5" />
|
<Pencil className="h-3.5 w-3.5" />
|
||||||
<span>Edit Page</span>
|
<span>Edit page</span>
|
||||||
</span>
|
</span>
|
||||||
</CustomMenu.MenuItem>
|
</CustomMenu.MenuItem>
|
||||||
<CustomMenu.MenuItem
|
<CustomMenu.MenuItem
|
||||||
@ -170,7 +170,7 @@ export const SinglePageListItem: React.FC<TSingleStatProps> = ({
|
|||||||
>
|
>
|
||||||
<span className="flex items-center justify-start gap-2">
|
<span className="flex items-center justify-start gap-2">
|
||||||
<Trash2 className="h-3.5 w-3.5" />
|
<Trash2 className="h-3.5 w-3.5" />
|
||||||
<span>Delete Page</span>
|
<span>Delete page</span>
|
||||||
</span>
|
</span>
|
||||||
</CustomMenu.MenuItem>
|
</CustomMenu.MenuItem>
|
||||||
<CustomMenu.MenuItem
|
<CustomMenu.MenuItem
|
||||||
|
@ -52,7 +52,7 @@ export const ProjectCardList: FC<IProjectCardList> = observer((props) => {
|
|||||||
description="Get started by creating your first project"
|
description="Get started by creating your first project"
|
||||||
primaryButton={{
|
primaryButton={{
|
||||||
icon: <Plus className="h-4 w-4" />,
|
icon: <Plus className="h-4 w-4" />,
|
||||||
text: "New Project",
|
text: "New project",
|
||||||
onClick: () => {
|
onClick: () => {
|
||||||
const e = new KeyboardEvent("keydown", {
|
const e = new KeyboardEvent("keydown", {
|
||||||
key: "p",
|
key: "p",
|
||||||
|
@ -384,7 +384,7 @@ export const CreateProjectModal: FC<Props> = observer((props) => {
|
|||||||
Cancel
|
Cancel
|
||||||
</Button>
|
</Button>
|
||||||
<Button variant="primary" type="submit" size="sm" loading={isSubmitting} tabIndex={7}>
|
<Button variant="primary" type="submit" size="sm" loading={isSubmitting} tabIndex={7}>
|
||||||
{isSubmitting ? "Creating..." : "Create Project"}
|
{isSubmitting ? "Creating..." : "Create project"}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
@ -105,7 +105,7 @@ export const DeleteProjectModal: React.FC<DeleteProjectModal> = (props) => {
|
|||||||
<AlertTriangle className="h-6 w-6 text-red-600" aria-hidden="true" />
|
<AlertTriangle className="h-6 w-6 text-red-600" aria-hidden="true" />
|
||||||
</span>
|
</span>
|
||||||
<span className="flex items-center justify-start">
|
<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>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<span>
|
<span>
|
||||||
@ -166,7 +166,7 @@ export const DeleteProjectModal: React.FC<DeleteProjectModal> = (props) => {
|
|||||||
Cancel
|
Cancel
|
||||||
</Button>
|
</Button>
|
||||||
<Button variant="danger" type="submit" disabled={!canDelete} loading={isSubmitting}>
|
<Button variant="danger" type="submit" disabled={!canDelete} loading={isSubmitting}>
|
||||||
{isSubmitting ? "Deleting..." : "Delete Project"}
|
{isSubmitting ? "Deleting..." : "Delete project"}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
@ -272,7 +272,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)}
|
||||||
|
@ -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>
|
||||||
|
|
||||||
|
@ -52,7 +52,7 @@ export const WorkspaceSidebarQuickAction = () => {
|
|||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<PenSquare className="h-4 w-4 text-custom-sidebar-text-300" />
|
<PenSquare className="h-4 w-4 text-custom-sidebar-text-300" />
|
||||||
{!store?.theme?.sidebarCollapsed && <span className="text-sm font-medium">New Issue</span>}
|
{!store?.theme?.sidebarCollapsed && <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 && (
|
||||||
|
@ -130,7 +130,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: () => {
|
onClick: () => {
|
||||||
const e = new KeyboardEvent("keydown", {
|
const e = new KeyboardEvent("keydown", {
|
||||||
key: "p",
|
key: "p",
|
||||||
|
@ -95,7 +95,7 @@ const AnalyticsPage: NextPageWithLayout = observer(() => {
|
|||||||
image={emptyAnalytics}
|
image={emptyAnalytics}
|
||||||
primaryButton={{
|
primaryButton={{
|
||||||
icon: <Plus className="h-4 w-4" />,
|
icon: <Plus className="h-4 w-4" />,
|
||||||
text: "New Project",
|
text: "New project",
|
||||||
onClick: () => {
|
onClick: () => {
|
||||||
const e = new KeyboardEvent("keydown", {
|
const e = new KeyboardEvent("keydown", {
|
||||||
key: "p",
|
key: "p",
|
||||||
|
@ -99,7 +99,7 @@ const ProjectCyclesPage: NextPageWithLayout = observer(() => {
|
|||||||
image={emptyCycle}
|
image={emptyCycle}
|
||||||
primaryButton={{
|
primaryButton={{
|
||||||
icon: <Plus className="h-4 w-4" />,
|
icon: <Plus className="h-4 w-4" />,
|
||||||
text: "New Cycle",
|
text: "Build cycle",
|
||||||
onClick: () => {
|
onClick: () => {
|
||||||
setCreateModal(true);
|
setCreateModal(true);
|
||||||
},
|
},
|
||||||
|
Loading…
Reference in New Issue
Block a user