fix: no 'Create by me' label coming up (#1573)

* feat: added new issue subscriber table

* dev: notification model

* feat: added CRUD operation for issue subscriber

* Revert "feat: added CRUD operation for issue subscriber"

This reverts commit b22e062576.

* feat: added CRUD operation for issue subscriber

* dev: notification models and operations

* dev: remove delete endpoint response data

* dev: notification endpoints and fix bg worker for saving notifications

* feat: added list and unsubscribe function in issue subscriber

* dev: filter by snoozed and response update for list and permissions

* dev: update issue notifications

* dev: notification  segregation

* dev: update notifications

* dev: notification filtering

* dev: add issue name in notifications

* dev: notification new endpoints

* fix: pushing local settings

* feat: notification workflow setup and made basic UI

* style: improved UX with toast alerts and other interactions

refactor: changed classnames according to new theme structure, changed all icons to material icons

* feat: showing un-read notification count

* feat: not showing 'subscribe' button on issue created by user & assigned to user

not showing 'Create by you' for view & guest of the workspace

* fix: 'read' -> 'unread' heading, my issue wrong filter

* feat: made snooze dropdown & modal

feat: switched to calendar

* fix: minor ui fixes

* feat: snooze modal date/time select

* fix: params for read/un-read notification

* style: snooze notification modal

* fix: no label for 'Create by me'

* fix: no label for 'Create by me'

* fix: removed console log

* fix: tooltip going behind popover

---------

Co-authored-by: NarayanBavisetti <narayan3119@gmail.com>
Co-authored-by: pablohashescobar <nikhilschacko@gmail.com>
Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com>
This commit is contained in:
Dakshesh Jain 2023-07-19 17:40:40 +05:30 committed by GitHub
parent 124c2f772e
commit bed5f76082
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 42 additions and 35 deletions

View File

@ -221,44 +221,46 @@ export const NotificationCard: React.FC<NotificationCardProps> = (props) => {
))} ))}
<Tooltip tooltipContent="Snooze Notification" position="top-left"> <Tooltip tooltipContent="Snooze Notification" position="top-left">
<CustomMenu <div>
menuButtonOnClick={(e) => { <CustomMenu
e.stopPropagation(); menuButtonOnClick={(e) => {
}} e.stopPropagation();
customButton={ }}
<button customButton={
type="button" <button
className="text-sm flex w-full items-center gap-x-2 bg-custom-background-80 hover:bg-custom-background-100 p-0.5 rounded" type="button"
> className="text-sm flex w-full items-center gap-x-2 bg-custom-background-80 hover:bg-custom-background-100 p-0.5 rounded"
<Icon iconName="schedule" className="h-5 w-5 text-custom-text-300" /> >
</button> <Icon iconName="schedule" className="h-5 w-5 text-custom-text-300" />
} </button>
optionsClassName="!z-20" }
> optionsClassName="!z-20"
{snoozeOptions.map((item) => ( >
<CustomMenu.MenuItem {snoozeOptions.map((item) => (
key={item.label} <CustomMenu.MenuItem
renderAs="button" key={item.label}
onClick={(e) => { renderAs="button"
e.stopPropagation(); onClick={(e) => {
e.stopPropagation();
if (!item.value) { if (!item.value) {
setSelectedNotificationForSnooze(notification.id); setSelectedNotificationForSnooze(notification.id);
return; return;
} }
markSnoozeNotification(notification.id, item.value).then(() => { markSnoozeNotification(notification.id, item.value).then(() => {
setToastAlert({ setToastAlert({
title: `Notification snoozed till ${renderLongDateFormat(item.value)}`, title: `Notification snoozed till ${renderLongDateFormat(item.value)}`,
type: "success", type: "success",
});
}); });
}); }}
}} >
> {item.label}
{item.label} </CustomMenu.MenuItem>
</CustomMenu.MenuItem> ))}
))} </CustomMenu>
</CustomMenu> </div>
</Tooltip> </Tooltip>
</div> </div>
</div> </div>

View File

@ -205,6 +205,7 @@ export const NotificationPopover = () => {
: "border-transparent text-custom-text-200" : "border-transparent text-custom-text-200"
}`} }`}
> >
{tab.label}
{tab.unreadCount && tab.unreadCount > 0 ? ( {tab.unreadCount && tab.unreadCount > 0 ? (
<span <span
className={`ml-2 rounded-full text-xs px-2 py-0.5 ${ className={`ml-2 rounded-full text-xs px-2 py-0.5 ${

View File

@ -295,3 +295,7 @@ body {
:-ms-input-placeholder { :-ms-input-placeholder {
color: rgb(var(--color-text-400)); color: rgb(var(--color-text-400));
} }
.bp4-overlay-content {
z-index: 555 !important;
}