[WEB-2388] chore: theme changes and workspace draft issue total count updated (#5805)

* chore: theme changes and total count updated

* chore: code refactor
This commit is contained in:
Anmol Singh Bhatia
2024-10-11 17:57:48 +05:30
committed by GitHub
parent 6200890693
commit c9dbd1d5d1
6 changed files with 23 additions and 6 deletions

View File

@@ -210,7 +210,7 @@ class WorkspaceDraftIssueViewSet(BaseViewSet):
@allow_permission(
allowed_roles=[ROLE.ADMIN],
creator=True,
model=Issue,
model=DraftIssue,
level="WORKSPACE",
)
def destroy(self, request, slug, pk=None):

View File

@@ -26,6 +26,8 @@ export type TWorkspaceDraftIssue = {
updated_by: string;
is_draft: boolean;
type_id: string;
};
export type TWorkspaceDraftPaginationInfo<T> = {

View File

@@ -10,9 +10,11 @@ export interface IHeaderProperties {
}
export const headerStyle: IHeaderProperties = {
[EHeaderVariant.PRIMARY]:
"relative flex w-full flex-shrink-0 flex-row items-center justify-between gap-x-2 gap-y-4 bg-custom-sidebar-background-100 bg-custom-background-100 z-[18]",
[EHeaderVariant.SECONDARY]: "!py-0 overflow-y-hidden border-b border-custom-border-200 justify-between bg-custom-background-100 z-[15]",
[EHeaderVariant.TERNARY]: "flex flex-wrap justify-between py-2 border-b border-custom-border-200 gap-2 bg-custom-background-100 z-[12]",
"relative flex w-full flex-shrink-0 flex-row items-center justify-between gap-x-2 gap-y-4 bg-custom-sidebar-background-100 bg-custom-sidebar-background-100 z-[18]",
[EHeaderVariant.SECONDARY]:
"!py-0 overflow-y-hidden border-b border-custom-border-200 justify-between bg-custom-background-100 z-[15]",
[EHeaderVariant.TERNARY]:
"flex flex-wrap justify-between py-2 border-b border-custom-border-200 gap-2 bg-custom-background-100 z-[12]",
};
export const minHeights: IHeaderProperties = {
[EHeaderVariant.PRIMARY]: "",

View File

@@ -44,7 +44,11 @@ export const WorkspaceDraftHeader: FC = observer(() => {
link={<BreadcrumbLink label={`Draft`} icon={<PenSquare className="h-4 w-4 text-custom-text-300" />} />}
/>
</Breadcrumbs>
{paginationInfo?.count && paginationInfo?.count > 0 ? <CountChip count={paginationInfo?.count} /> : <></>}
{paginationInfo?.total_count && paginationInfo?.total_count > 0 ? (
<CountChip count={paginationInfo?.total_count} />
) : (
<></>
)}
</div>
</Header.LeftItem>

View File

@@ -1,3 +1,4 @@
import { FC } from "react";
import { observer } from "mobx-react";
// types
import { IIssueDisplayProperties } from "@plane/types";
@@ -28,6 +29,13 @@ type TIssueIdentifierWithDetails = TIssueIdentifierBaseProps & {
export type TIssueIdentifierProps = TIssueIdentifierFromStore | TIssueIdentifierWithDetails;
type TIssueTypeIdentifier = {
issueTypeId: string;
size?: "xs" | "sm" | "md" | "lg";
};
export const IssueTypeIdentifier: FC<TIssueTypeIdentifier> = observer((props) => <></>);
type TIdentifierTextProps = {
identifier: string;
enableClickToCopyIdentifier?: boolean;

View File

@@ -8,7 +8,7 @@ import { cn } from "@/helpers/common.helper";
// hooks
import { useAppTheme, useProject, useWorkspaceDraftIssues } from "@/hooks/store";
// plane-web components
import { IdentifierText } from "ce/components/issues";
import { IdentifierText, IssueTypeIdentifier } from "@/plane-web/components/issues";
// local components
import { WorkspaceDraftIssueQuickActions } from "../issue-layouts";
import { DraftIssueProperties } from "./draft-issue-properties";
@@ -51,6 +51,7 @@ export const DraftIssueBlock: FC<Props> = observer((props) => {
<div className="flex-shrink-0">
{issue.project_id && (
<div className="flex items-center space-x-2">
{issue?.type_id && <IssueTypeIdentifier issueTypeId={issue.type_id} />}
<IdentifierText
identifier={projectIdentifier}
enableClickToCopyIdentifier