= ({
{issueDetail?.project_detail?.identifier}-{issueDetail?.sequence_id}
-
-
-
+ {(fieldsToShow.includes("all") || fieldsToShow.includes("link")) && (
+
+
+
+ )}
{!isNotAllowed && (fieldsToShow.includes("all") || fieldsToShow.includes("delete")) && (
{
const { user } = useUserAuth();
const { issues: inboxIssues, mutate: mutateInboxIssues } = useInboxView();
+ const { setToastAlert } = useToast();
const { data: projectDetails } = useSWR(
workspaceSlug && projectId ? PROJECT_DETAILS(projectId as string) : null,
@@ -103,6 +105,28 @@ const ProjectInbox: NextPage = () => {
const markInboxStatus = async (data: TInboxStatus) => {
if (!workspaceSlug || !projectId || !inboxId || !inboxIssueId) return;
+ mutate(
+ INBOX_ISSUE_DETAILS(inboxId as string, inboxIssueId as string),
+ (prevData) => {
+ if (!prevData) return prevData;
+
+ return {
+ ...prevData,
+ issue_inbox: [{ ...prevData.issue_inbox[0], ...data }],
+ };
+ },
+ false
+ );
+ mutateInboxIssues(
+ (prevData) =>
+ (prevData ?? []).map((i) =>
+ i.bridge_id === inboxIssueId
+ ? { ...i, issue_inbox: [{ ...i.issue_inbox[0], ...data }] }
+ : i
+ ),
+ false
+ );
+
await inboxServices
.markInboxStatus(
workspaceSlug.toString(),
@@ -112,28 +136,16 @@ const ProjectInbox: NextPage = () => {
data,
user
)
- .then(() => {
- mutate(
- INBOX_ISSUE_DETAILS(inboxId as string, inboxIssueId as string),
- (prevData) => {
- if (!prevData) return prevData;
-
- return {
- ...prevData,
- issue_inbox: [{ ...prevData.issue_inbox[0], ...data }],
- };
- },
- false
- );
- mutateInboxIssues(
- (prevData) =>
- (prevData ?? []).map((i) =>
- i.bridge_id === inboxIssueId
- ? { ...i, issue_inbox: [{ ...i.issue_inbox[0], ...data }] }
- : i
- ),
- false
- );
+ .catch(() =>
+ setToastAlert({
+ type: "error",
+ title: "Error!",
+ message: "Something went wrong while updating inbox status. Please try again.",
+ })
+ )
+ .finally(() => {
+ mutate(INBOX_ISSUE_DETAILS(inboxId as string, inboxIssueId as string));
+ mutateInboxIssues();
});
};
diff --git a/apps/app/styles/react-datepicker.css b/apps/app/styles/react-datepicker.css
index 59ce4d9d9..918f4ed66 100644
--- a/apps/app/styles/react-datepicker.css
+++ b/apps/app/styles/react-datepicker.css
@@ -104,11 +104,19 @@
color: rgba(var(--color-text-base)) !important;
}
-.react-datepicker__day--selected {
+.react-datepicker__day--selected,
+.react-datepicker__day--selected:hover {
background-color: #216ba5 !important;
color: white !important;
}
+.react-datepicker__day--disabled,
+.react-datepicker__day--disabled:hover {
+ background: transparent !important;
+ color: rgba(var(--color-text-secondary)) !important;
+ cursor: default;
+}
+
.react-datepicker__day--today {
font-weight: 800;
}