agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-05-23 17:19:37 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update Notification story with the offer type (#27966)

Browse Source 
* Update notification story with the `offer` type

* Remove `.btn-sm` as buttons should be medium sized

GitOrigin-RevId: ec0cd09fda0126bce185265fdf1f05ca7ae414c9
This commit is contained in:
Rebeka Dekany
2025-08-20 11:01:08 +02:00
committed by Copybot
parent af44f478b9
commit 996c0a2b31
1 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
services/web/frontend/stories/notification.stories.tsx
View File

@@ -21,6 +21,10 @@ export const NotificationError = (args: Args) => {
return <Notification {...args} isDismissible type="error" />
}
export const NotificationOffer = (args: Args) => {
return <Notification {...args} isDismissible type="offer" />
}
export const NotificationWithActionBelowContent = (args: Args) => {
return (
<Notification
@@ -207,7 +211,7 @@ export const ShortTextAndActionAsLinkButStyledAsButton = (args: Args) => {
{...args}
content={<p>Lorem ipsum</p>}
action={
<a href="/" className="btn btn-secondary btn-sm">
<a href="/" className="btn btn-secondary">
An action
</a>
}
@@ -221,7 +225,7 @@ export const LongActionButton = (args: Args) => {
<Notification
{...args}
action={
<button className="btn btn-secondary btn-sm">
<button className="btn btn-secondary">
Action that has a lot of text
</button>
}
@@ -254,8 +258,8 @@ export const MultipleButtons = (args: Args) => {
content={<p>Lorem ipsum</p>}
action={
<>
<button className="btn btn-secondary btn-sm">button1</button>
<button className="btn btn-secondary btn-sm">button2</button>
<button className="btn btn-secondary">button1</button>
<button className="btn btn-secondary">button2</button>
</>
}
type="info"
@@ -280,8 +284,8 @@ export const OverlayedWithCustomClass = (args: Args) => {
className="ol-overlay"
action={
<>
<button className="btn btn-secondary btn-sm">button1</button>
<button className="btn btn-secondary btn-sm">button2</button>
<button className="btn btn-secondary">button1</button>
<button className="btn btn-secondary">button2</button>
</>
}
type="info"
@@ -326,7 +330,7 @@ export const SuccessFlow = (args: Args) => {
const ctaText = isLoading ? 'Processing' : 'Click'
const action = (
<button
className="btn btn-secondary btn-sm"
className="btn btn-secondary"
onClick={() => handleClick()}
disabled={isLoading}
>
@@ -377,7 +381,7 @@ export default {
etc are all supported.
</p>
),
action: <button className="btn btn-secondary btn-sm">An action</button>,
action: <button className="btn btn-secondary">An action</button>,
isDismissible: true,
},
}