github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #17212 from overleaf/jpa-writefull-promo-spacing

Browse source 
[web] fix spacing of notifications on the project dashboard

GitOrigin-RevId: 565159334d92c6f73da4c6a7174536cd0a3c5616
This commit is contained in:
Jakob Ackermann 2024-02-21 13:59:04 +00:00 committed by Copybot
parent 06c839a230
commit 23281255a1
2 changed files with 10 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
services/web/frontend/js/features/project-list/components/notifications/notification.tsx
View file

@ -16,6 +16,7 @@ type NotificationProps = {
action?: React.ReactElement
onDismiss?: AlertProps['onDismiss']
className?: string
newNotificationStyle?: boolean
}
/**
@ -35,12 +36,12 @@ function Notification({
className,
body,
action,
newNotificationStyle,
...props
}: NotificationProps) {
const newNotificationStyle = getMeta(
'ol-newNotificationStyle',
false
) as boolean
newNotificationStyle =
newNotificationStyle ??
(getMeta('ol-newNotificationStyle', false) as boolean)
const [show, setShow] = useState(true)
@ -61,7 +62,7 @@ function Notification({
bsStyle === 'danger' ? 'error' : bsStyle
) as NotificationType
return (
<li>
<li className={classnames('notification-entry', className)}>
<NewNotification
type={newNotificationType}
isDismissible={onDismiss != null}

8
services/web/frontend/js/features/project-list/components/notifications/writefull-premium-promo-banner.tsx
View file

@ -1,5 +1,5 @@
import { memo, useCallback } from 'react'
import Notification from '@/shared/components/notification'
import Notification from './notification'
import { sendMB } from '@/infrastructure/event-tracking'
import customLocalStorage from '@/infrastructure/local-storage'
import WritefullLogo from '@/shared/svgs/writefull-logo'
@ -32,10 +32,10 @@ function WritefullPremiumPromoBanner({
return (
<Notification
type="info"
isDismissible
bsStyle="info"
newNotificationStyle
onDismiss={handleClose}
content={
body={
<>
Enjoying Writefull? Get <strong>10% off Writefull Premium</strong>,
giving you access to TeXGPT—AI assistance to generate LaTeX code. Use{' '}