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

fixL inbox status colors (#1408)

Browse Source
This commit is contained in:
Aaryan Khandelwal 2023-06-27 18:01:42 +05:30 committed by GitHub
parent f3be2faa8f
commit b0cdcfd91e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
apps/app/components/inbox/inbox-main-content.tsx
View File

@ -38,8 +38,6 @@ import { renderShortNumericDateFormat } from "helpers/date-time.helper";
import type { IInboxIssue, IIssue } from "types"; import type { IInboxIssue, IIssue } from "types";
// fetch-keys // fetch-keys
import { INBOX_ISSUES, INBOX_ISSUE_DETAILS, PROJECT_ISSUES_ACTIVITY } from "constants/fetch-keys"; import { INBOX_ISSUES, INBOX_ISSUE_DETAILS, PROJECT_ISSUES_ACTIVITY } from "constants/fetch-keys";
// constants
import { INBOX_STATUS } from "constants/inbox";
const defaultValues = { const defaultValues = {
name: "", name: "",
@ -192,7 +190,6 @@ export const InboxMainContent: React.FC = () => {
}, [issueDetails, reset, inboxIssueId]); }, [issueDetails, reset, inboxIssueId]);
const issueStatus = issueDetails?.issue_inbox[0].status; const issueStatus = issueDetails?.issue_inbox[0].status;
const inboxStatusDetails = INBOX_STATUS.find((s) => s.value === issueStatus);
if (!inboxIssueId) if (!inboxIssueId)
return ( return (
@ -224,11 +221,18 @@ export const InboxMainContent: React.FC = () => {
<div className="basis-2/3 h-full overflow-auto p-5 space-y-3"> <div className="basis-2/3 h-full overflow-auto p-5 space-y-3">
<div <div
className={`flex items-center gap-2 p-3 text-sm border rounded-md ${ className={`flex items-center gap-2 p-3 text-sm border rounded-md ${
issueStatus === 0 && issueStatus === -2
new Date(issueDetails.issue_inbox[0].snoozed_till ?? "") < new Date() ? "text-yellow-500 border-yellow-500 bg-yellow-500/10"
: issueStatus === -1
? "text-red-500 border-red-500 bg-red-500/10" ? "text-red-500 border-red-500 bg-red-500/10"
: inboxStatusDetails : issueStatus === 0
? `${inboxStatusDetails.textColor} ${inboxStatusDetails.bgColor} ${inboxStatusDetails.borderColor}` ? new Date(issueDetails.issue_inbox[0].snoozed_till ?? "") < new Date()
? "text-red-500 border-red-500 bg-red-500/10"
: "text-brand-secondary border-gray-500 bg-gray-500/10"
: issueStatus === 1
? "text-green-500 border-green-500 bg-green-500/10"
: issueStatus === 2
? "text-brand-secondary border-gray-500 bg-gray-500/10"
: "" : ""
}`} }`}
> >