chore: issue detail page title and indicator improvement

This commit is contained in:
Anmol Singh Bhatia 2023-12-13 18:32:21 +05:30
parent 936452758a
commit 644073f063
3 changed files with 12 additions and 12 deletions

View File

@ -165,16 +165,16 @@ export const InboxMainContent: React.FC = observer(() => {
issueStatus === -2 issueStatus === -2
? "border-yellow-500 bg-yellow-500/10 text-yellow-500" ? "border-yellow-500 bg-yellow-500/10 text-yellow-500"
: issueStatus === -1 : issueStatus === -1
? "border-red-500 bg-red-500/10 text-red-500"
: issueStatus === 0
? new Date(issueDetails.issue_inbox[0].snoozed_till ?? "") < new Date()
? "border-red-500 bg-red-500/10 text-red-500" ? "border-red-500 bg-red-500/10 text-red-500"
: issueStatus === 0 : "border-gray-500 bg-gray-500/10 text-custom-text-200"
? new Date(issueDetails.issue_inbox[0].snoozed_till ?? "") < new Date() : issueStatus === 1
? "border-red-500 bg-red-500/10 text-red-500" ? "border-green-500 bg-green-500/10 text-green-500"
: "border-gray-500 bg-gray-500/10 text-custom-text-200" : issueStatus === 2
: issueStatus === 1 ? "border-gray-500 bg-gray-500/10 text-custom-text-200"
? "border-green-500 bg-green-500/10 text-green-500" : ""
: issueStatus === 2
? "border-gray-500 bg-gray-500/10 text-custom-text-200"
: ""
}`} }`}
> >
{issueStatus === -2 ? ( {issueStatus === -2 ? (
@ -225,7 +225,7 @@ export const InboxMainContent: React.FC = observer(() => {
</> </>
) : null} ) : null}
</div> </div>
<div className="mb-5 flex items-center"> <div className="mb-2.5 flex items-center">
{currentIssueState && ( {currentIssueState && (
<StateGroupIcon <StateGroupIcon
className="mr-3 h-4 w-4" className="mr-3 h-4 w-4"

View File

@ -135,7 +135,7 @@ export const IssueDescriptionForm: FC<IssueDetailsProps> = (props) => {
debouncedFormSave(); debouncedFormSave();
}} }}
required required
className="min-h-10 block w-full resize-none overflow-hidden rounded border-none bg-transparent px-3 py-2 text-xl outline-none ring-0 focus:ring-1 focus:ring-custom-primary" className="min-h-min block w-full resize-none overflow-hidden rounded border-none bg-transparent px-3 py-2 text-2xl font-medium outline-none ring-0 focus:ring-1 focus:ring-custom-primary"
hasError={Boolean(errors?.description)} hasError={Boolean(errors?.description)}
role="textbox" role="textbox"
disabled={!isAllowed} disabled={!isAllowed}

View File

@ -216,7 +216,7 @@ export const IssueMainContent: React.FC<Props> = observer((props) => {
</CustomMenu> </CustomMenu>
</div> </div>
) : null} ) : null}
<div className="mb-5 flex items-center"> <div className="mb-2.5 flex items-center">
{currentIssueState && ( {currentIssueState && (
<StateGroupIcon <StateGroupIcon
className="mr-3 h-4 w-4" className="mr-3 h-4 w-4"