From c321dd624097e100d11379da97160582d56a8017 Mon Sep 17 00:00:00 2001 From: Adam Antal Date: Wed, 17 Jan 2024 14:59:17 +0100 Subject: [PATCH 01/29] Remove content inner scrollbar from modals The scrollbar is now only on the very right side of the modal and there isn't any blank space on the bottom of the modal where content is cut off. --- src/stories/Library/Modals/modal-details/modal-details.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/src/stories/Library/Modals/modal-details/modal-details.scss b/src/stories/Library/Modals/modal-details/modal-details.scss index e3b0bf103..8fe52ac75 100644 --- a/src/stories/Library/Modals/modal-details/modal-details.scss +++ b/src/stories/Library/Modals/modal-details/modal-details.scss @@ -12,7 +12,6 @@ $MODAL_DETAILS_CONTAINER_WIDTH: 1000px; .modal-details__container { width: 100%; - overflow: auto; max-width: 100%; padding-bottom: $s-2xl; From 0e962d27a06efec23fc2e730559cb1e558791307 Mon Sep 17 00:00:00 2001 From: Adam Antal Date: Thu, 18 Jan 2024 09:58:09 +0100 Subject: [PATCH 02/29] Show arrow svgs on focus inside card elements with arrows The focus was stopping on the arrow element that was invisible. Now we should be showing the arrow when the button has focus. --- src/stories/Library/Arrows/arrows.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/stories/Library/Arrows/arrows.scss b/src/stories/Library/Arrows/arrows.scss index 2ababd22f..bee957f2a 100644 --- a/src/stories/Library/Arrows/arrows.scss +++ b/src/stories/Library/Arrows/arrows.scss @@ -47,4 +47,11 @@ // This width mimics what the expanded svg width. The class is intended to be // used when the arrow needs to be within a button so they look the same. width: 101px; + + &:focus { + svg { + visibility: visible; + opacity: 1; + } + } } From fc7cdd24fe5167cf6736533e9da562829bf58af5 Mon Sep 17 00:00:00 2001 From: Adam Antal Date: Thu, 18 Jan 2024 10:50:54 +0100 Subject: [PATCH 03/29] Hide arrows on cards with the .list-materials--disabled class These cards are found on the user loans page. The arrows should behave the same as on other cards. --- src/stories/Library/Lists/list-materials/list-materials.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/stories/Library/Lists/list-materials/list-materials.scss b/src/stories/Library/Lists/list-materials/list-materials.scss index adb192ed5..526fabdbb 100644 --- a/src/stories/Library/Lists/list-materials/list-materials.scss +++ b/src/stories/Library/Lists/list-materials/list-materials.scss @@ -33,6 +33,8 @@ } .list-materials--disabled { + @include show-svg-on-hover(".list-materials__arrow"); + .checkbox { .checkbox__icon { opacity: 0; From 69daeb9ef6ed3b4d5a73ce6f4195a9a968c5cf9e Mon Sep 17 00:00:00 2001 From: Mikkel Jakobsen Date: Mon, 22 Jan 2024 11:14:56 +0100 Subject: [PATCH 04/29] Add some marging in top of fee list To loose up the UI --- src/stories/Library/Lists/fee-list/fee-list.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/stories/Library/Lists/fee-list/fee-list.scss b/src/stories/Library/Lists/fee-list/fee-list.scss index b889d4c94..223a53d50 100644 --- a/src/stories/Library/Lists/fee-list/fee-list.scss +++ b/src/stories/Library/Lists/fee-list/fee-list.scss @@ -3,11 +3,15 @@ padding: $s-md; position: relative; z-index: 0; + @include typography($typo__body-placeholder); @include media-query__medium { padding: $s-6xl; } } +.fee-list { + margin-top: $s-lg; +} .fee-list-bottom { display: flex; From 1bb8410dad22902415a52c13ab179319043b3f50 Mon Sep 17 00:00:00 2001 From: Mikkel Jakobsen Date: Mon, 22 Jan 2024 11:15:37 +0100 Subject: [PATCH 05/29] Import full path to skeleton sass file Something has changed. In local dev setup I get an error if not the full path to the sass file has been defined. Guess an update of some package resulted in this. --- src/styles/scss/skeleton.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/styles/scss/skeleton.scss b/src/styles/scss/skeleton.scss index 785043676..be2a7597f 100644 --- a/src/styles/scss/skeleton.scss +++ b/src/styles/scss/skeleton.scss @@ -1,3 +1,6 @@ $skeleton-line-border-radius: 3px; -@import "../../../node_modules/skeleton-screen-css/dist/index"; +// Es lint in CI is complaing and something else is complaining locally. +// I choose to shut up es lint in CI. +// stylelint-disable-next-line scss/at-import-partial-extension +@import "../../../node_modules/skeleton-screen-css/dist/index.scss"; From 0e3ceb6e8e58a6c861e816b74d6cbaf4fc145759 Mon Sep 17 00:00:00 2001 From: Mikkel Jakobsen Date: Mon, 22 Jan 2024 11:18:20 +0100 Subject: [PATCH 06/29] Add fee list story Although it is a copy/paste of the DOM from dpl-react, I think we it is a problem that we do not have this view (and others) in the design SB. The copied DOM should be converted to components in some distant future where we have oceans of time. --- .../Blocks/fee-list/FeeList.stories.tsx | 13 + src/stories/Blocks/fee-list/FeeList.tsx | 656 ++++++++++++++++++ 2 files changed, 669 insertions(+) create mode 100644 src/stories/Blocks/fee-list/FeeList.stories.tsx create mode 100644 src/stories/Blocks/fee-list/FeeList.tsx diff --git a/src/stories/Blocks/fee-list/FeeList.stories.tsx b/src/stories/Blocks/fee-list/FeeList.stories.tsx new file mode 100644 index 000000000..7500fbd19 --- /dev/null +++ b/src/stories/Blocks/fee-list/FeeList.stories.tsx @@ -0,0 +1,13 @@ +import { ComponentMeta, ComponentStory } from "@storybook/react"; +import FeeList from "./FeeList"; + +export default { + title: "Blocks / Fee List", + component: FeeList, +} as ComponentMeta; + +const Template: ComponentStory = (args) => { + return ; +}; + +export const Item = Template.bind({}); diff --git a/src/stories/Blocks/fee-list/FeeList.tsx b/src/stories/Blocks/fee-list/FeeList.tsx new file mode 100644 index 000000000..342f99113 --- /dev/null +++ b/src/stories/Blocks/fee-list/FeeList.tsx @@ -0,0 +1,656 @@ +// This is copy/pasted from dpl-react because no design story was made for this view. + +// TODO: Should be converted to react components. +const FeeList: React.FC = () => { + return ( +
+

+ Gebyrer & erstatninger +

+ + Fees and replacement costs are handled through the new system "Mit + betalingsoverblik".{" "} + + Se takster og læs om betalingsmuligheder + + +
+
+
+

+ Betales på biblioteket + 7 +

+ +
+ + + + + + + +
+
+

+ Har du allerede betalt? Der kan gå op til 72 timer før + betalingen registreres i vores systemer +

+

I alt: 137.75

+
+
+
+
+
+
+
+

+ Betales på Mit betalingsoverblik + 6 +

+
+ + + + + + +
+
 
+
+

+ Har du allerede betalt? Der kan gå op til 72 timer før + betalingen registreres i vores systemer +

+

I alt: 146

+
+
+
+
+
+ ); +}; + +export default FeeList; From 8bb1f3c110267afb1e8ef0a183e01118aa7578db Mon Sep 17 00:00:00 2001 From: Mikkel Jakobsen Date: Mon, 22 Jan 2024 20:34:58 +0100 Subject: [PATCH 07/29] Adjust DOM and styling to fit new button placement Since it was not possible to place the button inside the fee lists I had to place it in the header of the page. Also the info in the fee page header has been separated into separate lines. --- src/stories/Blocks/fee-list/FeeList.tsx | 50 +++++++++++-------- .../Library/Lists/fee-list/fee-list.scss | 17 +++++++ 2 files changed, 46 insertions(+), 21 deletions(-) diff --git a/src/stories/Blocks/fee-list/FeeList.tsx b/src/stories/Blocks/fee-list/FeeList.tsx index 342f99113..ae69261bc 100644 --- a/src/stories/Blocks/fee-list/FeeList.tsx +++ b/src/stories/Blocks/fee-list/FeeList.tsx @@ -7,13 +7,36 @@ const FeeList: React.FC = () => {

Gebyrer & erstatninger

- - Fees and replacement costs are handled through the new system "Mit - betalingsoverblik".{" "} - - Se takster og læs om betalingsmuligheder + +
@@ -21,21 +44,6 @@ const FeeList: React.FC = () => { Betales på biblioteket 7 -
- - -); + + ); +}; diff --git a/src/stories/Library/Modals/modal-pause/modal-pause.scss b/src/stories/Library/Modals/modal-pause/modal-pause.scss index cd63d2b31..5ef1f97d4 100644 --- a/src/stories/Library/Modals/modal-pause/modal-pause.scss +++ b/src/stories/Library/Modals/modal-pause/modal-pause.scss @@ -21,12 +21,7 @@ $modal-pause-container-width: 550px; justify-content: center; } -.datepickers { - @include media-query__small { - display: flex; - justify-content: space-between; - } - +.date-range { input { border: 1px solid $color__global-tertiary-1; box-sizing: border-box; @@ -36,27 +31,12 @@ $modal-pause-container-width: 550px; padding: 0 10px; color: $color__text-secondary-gray; @include typography($typo__button); - - @include media-query__small { - min-width: 250px; - padding: 0 20px; - } } - .datepicker { + .date-range__input { display: flex; flex-direction: column; width: 100%; margin-bottom: $s-lg; - - @include media-query__small { - margin-bottom: 0; - } - - &:first-of-type { - @include media-query__small { - margin-right: $s-lg; - } - } } } From 5d3ed1379b3bca73acd78b4a111cc9346b4e88be Mon Sep 17 00:00:00 2001 From: Mikkel Jakobsen Date: Fri, 26 Jan 2024 22:41:11 +0100 Subject: [PATCH 10/29] Remember to have an label-for/id relation between label and input --- src/stories/Library/Modals/modal-pause/ModalPause.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/stories/Library/Modals/modal-pause/ModalPause.tsx b/src/stories/Library/Modals/modal-pause/ModalPause.tsx index 5cfae903d..75c0467c3 100644 --- a/src/stories/Library/Modals/modal-pause/ModalPause.tsx +++ b/src/stories/Library/Modals/modal-pause/ModalPause.tsx @@ -57,6 +57,7 @@ export const ModalPause: React.FC = ({ Pause period Date: Sat, 27 Jan 2024 13:17:18 +0100 Subject: [PATCH 11/29] Use BEM classes instead of utility classes As we have agreed upon doing --- .../Library/Modals/modal-pause/ModalPause.tsx | 6 +++--- .../Library/Modals/modal-pause/modal-pause.scss | 13 +++++++++++++ 2 files changed, 16 insertions(+), 3 deletions(-) diff --git a/src/stories/Library/Modals/modal-pause/ModalPause.tsx b/src/stories/Library/Modals/modal-pause/ModalPause.tsx index 75c0467c3..209c97bba 100644 --- a/src/stories/Library/Modals/modal-pause/ModalPause.tsx +++ b/src/stories/Library/Modals/modal-pause/ModalPause.tsx @@ -46,11 +46,11 @@ export const ModalPause: React.FC = ({

{title}

-
+

{subtitle}

-
+
-
+

{textWithLink}

diff --git a/src/stories/Library/Modals/modal-pause/modal-pause.scss b/src/stories/Library/Modals/modal-pause/modal-pause.scss index 5ef1f97d4..f38c6338f 100644 --- a/src/stories/Library/Modals/modal-pause/modal-pause.scss +++ b/src/stories/Library/Modals/modal-pause/modal-pause.scss @@ -3,6 +3,19 @@ $modal-pause-container-width: 550px; .modal-pause { flex-direction: column; align-items: center; + + &__subtitle { + margin-top: $s-xl; + color: $color__text-secondary-gray; + } + + &__date-range { + margin-top: $s-lg; + } + + &__text-link { + color: $color__text-secondary-gray; + } } .modal-pause__container { From 1bc8fa23a5f219bc4e49f0e325831163c9a77afd Mon Sep 17 00:00:00 2001 From: Mikkel Jakobsen Date: Sat, 27 Jan 2024 14:05:54 +0100 Subject: [PATCH 12/29] Remove global variable Since it is only used inside one class. --- src/stories/Library/Modals/modal-pause/modal-pause.scss | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/src/stories/Library/Modals/modal-pause/modal-pause.scss b/src/stories/Library/Modals/modal-pause/modal-pause.scss index f38c6338f..146d81705 100644 --- a/src/stories/Library/Modals/modal-pause/modal-pause.scss +++ b/src/stories/Library/Modals/modal-pause/modal-pause.scss @@ -1,5 +1,3 @@ -$modal-pause-container-width: 550px; - .modal-pause { flex-direction: column; align-items: center; @@ -21,7 +19,7 @@ $modal-pause-container-width: 550px; .modal-pause__container { margin: 0 $s-lg; padding-top: 96px; - max-width: $modal-pause-container-width; + max-width: 550px; width: 100%; @include media-query__small { From 424e7eb6df670d05d75d2c922a790fba2498be0a Mon Sep 17 00:00:00 2001 From: Mikkel Jakobsen Date: Sat, 27 Jan 2024 14:34:07 +0100 Subject: [PATCH 13/29] Add NODE_AUTH_TOKEN In order to try to avoid that a new npm package is not published. --- .github/workflows/create-release-on-branch-changes.yml | 2 ++ 1 file changed, 2 insertions(+) diff --git a/.github/workflows/create-release-on-branch-changes.yml b/.github/workflows/create-release-on-branch-changes.yml index c35578c69..babbeef71 100644 --- a/.github/workflows/create-release-on-branch-changes.yml +++ b/.github/workflows/create-release-on-branch-changes.yml @@ -43,6 +43,8 @@ jobs: node-version-file: '.nvmrc' registry-url: "https://npm.pkg.github.com" scope: "@${{ github.repository_owner }}" + env: + NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} - run: yarn install --frozen-lockfile From a3843d3e5174598863b0996d576077dcd7c2b838 Mon Sep 17 00:00:00 2001 From: Mikkel Jakobsen Date: Sat, 27 Jan 2024 18:07:32 +0100 Subject: [PATCH 14/29] Separate description and link --- src/stories/Library/Modals/modal-pause/ModalPause.tsx | 7 ++++--- src/stories/Library/Modals/modal-pause/modal-pause.scss | 1 + 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/src/stories/Library/Modals/modal-pause/ModalPause.tsx b/src/stories/Library/Modals/modal-pause/ModalPause.tsx index 209c97bba..a81a9e51f 100644 --- a/src/stories/Library/Modals/modal-pause/ModalPause.tsx +++ b/src/stories/Library/Modals/modal-pause/ModalPause.tsx @@ -68,10 +68,11 @@ export const ModalPause: React.FC = ({
-

- {textWithLink} -

+

{textWithLink}

+

+ +

); }; From 2177d31fea2f599e82c90cb4e81726083910a78a Mon Sep 17 00:00:00 2001 From: Adam Antal Date: Mon, 29 Jan 2024 09:46:19 +0100 Subject: [PATCH 17/29] Introduce Reservation list item component to be used in reservation list --- .../reservation-page/ReservationListItem.tsx | 83 +++++++++++++++++++ 1 file changed, 83 insertions(+) create mode 100644 src/stories/Blocks/reservation-page/ReservationListItem.tsx diff --git a/src/stories/Blocks/reservation-page/ReservationListItem.tsx b/src/stories/Blocks/reservation-page/ReservationListItem.tsx new file mode 100644 index 000000000..2a150c862 --- /dev/null +++ b/src/stories/Blocks/reservation-page/ReservationListItem.tsx @@ -0,0 +1,83 @@ +import { Counter } from "../../Library/counter/Counter"; +import { ReactComponent as ArrowSmallRight } from "../../Library/Arrows/icon-arrow-ui/icon-arrow-ui-small-right.svg"; + +export interface ReservationListItemProps { + amount: number; +} + +const ReservationListItem: React.FC = ({ + amount, +}) => { + const listItems = Array(amount).fill(0); + return ( + <> + {listItems.map(() => ( +
+
+
+
+
+
+
+
bog
+
+
+ +

+ Jørn Lier Horst (2020) +

+

+ Detektivbureau Nr. 2 +

+
+
+
+
+
+
+ +
+
+
+
+ Pick up before 02-02-2024 +
+

Hovedbiblioteket

+

Reserveringshylde 74

+
+
+ +
+
+ ))} + + ); +}; + +export default ReservationListItem; From 0a6f381d51e023183208e5aa1050d67ab141d272 Mon Sep 17 00:00:00 2001 From: Adam Antal Date: Mon, 29 Jan 2024 09:47:32 +0100 Subject: [PATCH 18/29] Introduce Reservation list empty state component for reservation list --- .../reservation-page/ReservationListEmptyState.tsx | 13 +++++++++++++ 1 file changed, 13 insertions(+) create mode 100644 src/stories/Blocks/reservation-page/ReservationListEmptyState.tsx diff --git a/src/stories/Blocks/reservation-page/ReservationListEmptyState.tsx b/src/stories/Blocks/reservation-page/ReservationListEmptyState.tsx new file mode 100644 index 000000000..9992ca969 --- /dev/null +++ b/src/stories/Blocks/reservation-page/ReservationListEmptyState.tsx @@ -0,0 +1,13 @@ +export interface ReservationListEmptyStateProps { + text: string; + classsNames?: string; +} + +const ReservationListEmptyState: React.FC = ({ + text, + classsNames, +}) => { + return
{text}
; +}; + +export default ReservationListEmptyState; From 713bce3ff10cc8f8ec9855640e624b683c8ed194 Mon Sep 17 00:00:00 2001 From: Adam Antal Date: Mon, 29 Jan 2024 09:48:07 +0100 Subject: [PATCH 19/29] Introduce Reservation page component --- .../reservation-page/ReservationPage.tsx | 129 ++++++++++++++++++ 1 file changed, 129 insertions(+) create mode 100644 src/stories/Blocks/reservation-page/ReservationPage.tsx diff --git a/src/stories/Blocks/reservation-page/ReservationPage.tsx b/src/stories/Blocks/reservation-page/ReservationPage.tsx new file mode 100644 index 000000000..86d8470c1 --- /dev/null +++ b/src/stories/Blocks/reservation-page/ReservationPage.tsx @@ -0,0 +1,129 @@ +import ResultPager from "../../Library/card-list-page/ResultPager"; +import { PauseReservation } from "../../Library/pause-reservation/PauseReservation"; +import ReservationListEmptyState from "./ReservationListEmptyState"; +import ReservationListItem from "./ReservationListItem"; + +export interface ReservationPageProps { + headline: string; + readyForPickup: number; + physicalReservations: number; + digitalReservations: number; +} + +const ReservationPage: React.FC = ({ + headline, + readyForPickup, + physicalReservations, + digitalReservations, +}) => { + if (!readyForPickup && !physicalReservations && !digitalReservations) { + return ( +
+

{headline}

+ +
+ ); + } + + return ( +
+

{headline}

+ + +
+
+

+ Ready for pickup +
{readyForPickup}
+

+
+ {!!readyForPickup && ( +
+
    +
  • + +
    • +
+ +
+ )} + {!readyForPickup && ( + + )} +
+ +
+
+

+ Physical reservations +
+ {physicalReservations} +
+

+
+ {!!physicalReservations && ( +
+
    +
  • + +
    • +
+ +
+ )} + {!physicalReservations && ( + + )} +
+ +
+
+

+ Digital reservations +
{digitalReservations}
+

+
+ {!!digitalReservations && ( +
+
    +
  • + +
    • +
+ +
+ )} + {!digitalReservations && ( + + )} +
+
+ ); +}; + +export default ReservationPage; From 5390fd244cbbb1b6d78d24a4a0ea4950a3cccc3f Mon Sep 17 00:00:00 2001 From: Adam Antal Date: Mon, 29 Jan 2024 09:48:32 +0100 Subject: [PATCH 20/29] Make it possible to provide custom classes to PauseReservation component --- .../Library/pause-reservation/PauseReservation.tsx | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/src/stories/Library/pause-reservation/PauseReservation.tsx b/src/stories/Library/pause-reservation/PauseReservation.tsx index 4807fe757..7b9be8cbc 100644 --- a/src/stories/Library/pause-reservation/PauseReservation.tsx +++ b/src/stories/Library/pause-reservation/PauseReservation.tsx @@ -1,8 +1,9 @@ export type PauseReservationProps = { - isChecked: boolean; + isChecked?: boolean; isPausedtext: string; pauseText: string; - dates: string; + dates?: string; + classNames?: string; }; export const PauseReservation = ({ @@ -10,9 +11,10 @@ export const PauseReservation = ({ pauseText, isPausedtext, dates, + classNames, }: PauseReservationProps) => { return ( -
+
@@ -21,7 +23,7 @@ export const PauseReservation = ({
{isChecked ? isPausedtext : pauseText}
- {isChecked && ( + {isChecked && dates && (
From fbd62f67d61d0df177b7297a6b3510b0aad3016e Mon Sep 17 00:00:00 2001 From: Adam Antal Date: Mon, 29 Jan 2024 09:49:03 +0100 Subject: [PATCH 21/29] Introduce the Reservation page stories - default - NoReadyForPickup - no reservations ready for pickup - NoPhysicalReservations - no physical reservations present - NoReservationsAtAll --- .../ReservationPage.stories.tsx | 57 +++++++++++++++++++ 1 file changed, 57 insertions(+) create mode 100644 src/stories/Blocks/reservation-page/ReservationPage.stories.tsx diff --git a/src/stories/Blocks/reservation-page/ReservationPage.stories.tsx b/src/stories/Blocks/reservation-page/ReservationPage.stories.tsx new file mode 100644 index 000000000..3b91afa18 --- /dev/null +++ b/src/stories/Blocks/reservation-page/ReservationPage.stories.tsx @@ -0,0 +1,57 @@ +import { ComponentStory } from "@storybook/react"; +import { withDesign } from "storybook-addon-designs"; +import ReservationPage, { ReservationPageProps } from "./ReservationPage"; + +export default { + title: "Blocks / Reservation / Reservation Page", + component: ReservationPage, + decorators: [withDesign], + argTypes: { + headline: { + name: "Headline", + defaultValue: "Your reservations", + control: { type: "text" }, + }, + readyForPickup: { + name: "Ready for pickup amount", + defaultValue: 2, + control: { type: "number" }, + }, + physicalReservations: { + name: "Physical reservations amount", + defaultValue: 2, + control: { type: "number" }, + }, + digitalReservations: { + name: "Digital reservations amount", + defaultValue: 2, + control: { type: "number" }, + }, + }, + parameters: { + design: { + type: "figma", + url: "https://www.figma.com/file/Zx9GrkFA3l4ISvyZD2q0Qi/Designsystem?type=design&node-id=8513%3A85811&mode=design&t=nde0qiy8WvxnX8im-1", + }, + }, +}; + +const Template: ComponentStory = ( + args: ReservationPageProps +) => ; + +export const Default = Template.bind({}); +export const NoReadyForPickup = Template.bind({}); +NoReadyForPickup.args = { + readyForPickup: 0, +}; +export const NoPhysicalReservations = Template.bind({}); +NoPhysicalReservations.args = { + physicalReservations: 0, +}; +export const NoReservationsAtAll = Template.bind({}); +NoReservationsAtAll.args = { + readyForPickup: 0, + physicalReservations: 0, + digitalReservations: 0, +}; From fd561928e47afc8fe983ec19eeaa350c07162c69 Mon Sep 17 00:00:00 2001 From: Adam Antal Date: Mon, 29 Jan 2024 10:41:28 +0100 Subject: [PATCH 22/29] Remove lang="dan" attribute from reservation list item button --- src/stories/Blocks/reservation-page/ReservationListItem.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/stories/Blocks/reservation-page/ReservationListItem.tsx b/src/stories/Blocks/reservation-page/ReservationListItem.tsx index 2a150c862..753b1cc3e 100644 --- a/src/stories/Blocks/reservation-page/ReservationListItem.tsx +++ b/src/stories/Blocks/reservation-page/ReservationListItem.tsx @@ -24,7 +24,6 @@ const ReservationListItem: React.FC = ({