Merged in feat/sw-3242-move-opening-hours-to-design-system (pull request #2629)
feat(SW-32429: Move OpeningHours to design-system * Move OpeningHours to design-system Approved-by: Joakim Jäderberg
This commit is contained in:
Anton Gunnarsson
@@ -0,0 +1,56 @@
|
||||
'use client'
|
||||
|
||||
import { useIntl } from 'react-intl'
|
||||
|
||||
import { Divider } from '@scandic-hotels/design-system/Divider'
|
||||
import { Typography } from '@scandic-hotels/design-system/Typography'
|
||||
|
||||
import { getGroupedOpeningHours } from '../utils'
|
||||
|
||||
import styles from '../openingHours.module.css'
|
||||
import { OpeningHours } from '../openingHoursTypes'
|
||||
|
||||
interface AlternateOpeningHoursProps {
|
||||
alternateOpeningHours: OpeningHours
|
||||
}
|
||||
|
||||
export default function AlternateOpeningHours({
|
||||
alternateOpeningHours,
|
||||
}: AlternateOpeningHoursProps) {
|
||||
const intl = useIntl()
|
||||
const groupedAlternateOpeningHours = alternateOpeningHours
|
||||
? getGroupedOpeningHours(alternateOpeningHours, intl)
|
||||
: null
|
||||
|
||||
// If there are alternate hours but no grouped hours with length, we return the name of the alternate hours
|
||||
if (!groupedAlternateOpeningHours?.length) {
|
||||
return (
|
||||
<Typography variant="Body/Supporting text (caption)/smRegular">
|
||||
<p className={styles.caption}>{alternateOpeningHours.name}</p>
|
||||
</Typography>
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<Divider />
|
||||
<Typography variant="Body/Paragraph/mdBold">
|
||||
<h5 className={styles.heading}>
|
||||
{intl.formatMessage(
|
||||
{
|
||||
defaultMessage: 'Alternate opening hours ({name})',
|
||||
},
|
||||
{ name: alternateOpeningHours.name }
|
||||
)}
|
||||
</h5>
|
||||
</Typography>
|
||||
<Typography variant="Body/Paragraph/mdRegular">
|
||||
<div className={styles.text}>
|
||||
{groupedAlternateOpeningHours.map((groupedOpeningHour) => (
|
||||
<p key={groupedOpeningHour}>{groupedOpeningHour}</p>
|
||||
))}
|
||||
</div>
|
||||
</Typography>
|
||||
</>
|
||||
)
|
||||
}
|
||||
48
packages/design-system/lib/components/OpeningHours/index.tsx
Normal file
48
packages/design-system/lib/components/OpeningHours/index.tsx
Normal file
@@ -0,0 +1,48 @@
|
||||
'use client'
|
||||
|
||||
import { useIntl } from 'react-intl'
|
||||
|
||||
import { Divider } from '../Divider'
|
||||
import { Typography } from '../Typography'
|
||||
|
||||
import AlternateOpeningHours from './AlternateOpeningHours'
|
||||
import { getGroupedOpeningHours, getTranslatedName } from './utils'
|
||||
|
||||
import styles from './openingHours.module.css'
|
||||
import type { OpeningHours } from './openingHoursTypes'
|
||||
|
||||
interface OpeningHoursProps {
|
||||
openingHours: OpeningHours
|
||||
alternateOpeningHours?: OpeningHours
|
||||
heading?: string
|
||||
}
|
||||
|
||||
export default function OpeningHours({
|
||||
openingHours,
|
||||
alternateOpeningHours,
|
||||
heading,
|
||||
}: OpeningHoursProps) {
|
||||
const intl = useIntl()
|
||||
const groupedOpeningHours = getGroupedOpeningHours(openingHours, intl)
|
||||
return (
|
||||
<div className={styles.wrapper}>
|
||||
<Typography variant="Title/Overline/sm">
|
||||
<h5 className={styles.heading}>
|
||||
{heading ?? getTranslatedName(openingHours.nameEnglish, intl)}
|
||||
</h5>
|
||||
</Typography>
|
||||
<Divider />
|
||||
|
||||
<Typography variant="Body/Paragraph/mdRegular">
|
||||
<div className={styles.text}>
|
||||
{groupedOpeningHours.map((groupedOpeningHour) => (
|
||||
<p key={groupedOpeningHour}>{groupedOpeningHour}</p>
|
||||
))}
|
||||
</div>
|
||||
</Typography>
|
||||
{alternateOpeningHours ? (
|
||||
<AlternateOpeningHours alternateOpeningHours={alternateOpeningHours} />
|
||||
) : null}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
.wrapper {
|
||||
display: grid;
|
||||
padding: var(--Space-x2) var(--Space-x3);
|
||||
gap: var(--Space-x1);
|
||||
border-radius: var(--Corner-radius-md);
|
||||
background: var(--Surface-Secondary-Default);
|
||||
}
|
||||
|
||||
.heading {
|
||||
color: var(--Text-Secondary);
|
||||
}
|
||||
|
||||
.caption {
|
||||
color: var(--Text-Secondary);
|
||||
}
|
||||
|
||||
.text {
|
||||
color: var(--Text-Default);
|
||||
}
|
||||
@@ -0,0 +1,401 @@
|
||||
import { describe, expect, it } from 'vitest'
|
||||
|
||||
import { getGroupedOpeningHours } from './utils'
|
||||
|
||||
import type { RestaurantOpeningHours } from '@scandic-hotels/trpc/types/hotel'
|
||||
import type { IntlShape } from 'react-intl'
|
||||
|
||||
// Mock IntlShape for testing
|
||||
const mockIntl = {
|
||||
formatMessage: ({ defaultMessage }: { defaultMessage: string }) => {
|
||||
const messages: Record<string, string> = {
|
||||
Monday: 'Monday',
|
||||
Tuesday: 'Tuesday',
|
||||
Wednesday: 'Wednesday',
|
||||
Thursday: 'Thursday',
|
||||
Friday: 'Friday',
|
||||
Saturday: 'Saturday',
|
||||
Sunday: 'Sunday',
|
||||
Closed: 'Closed',
|
||||
'Always open': 'Always open',
|
||||
}
|
||||
return messages[defaultMessage] || defaultMessage
|
||||
},
|
||||
} as IntlShape
|
||||
|
||||
describe('getGroupedOpeningHours', () => {
|
||||
it('should group all days as closed', () => {
|
||||
const allDaysClosed: RestaurantOpeningHours = {
|
||||
isActive: true,
|
||||
name: 'Opening hours',
|
||||
nameEnglish: 'Opening hours',
|
||||
monday: {
|
||||
isClosed: true,
|
||||
alwaysOpen: false,
|
||||
openingTime: '',
|
||||
closingTime: '',
|
||||
sortOrder: 1,
|
||||
},
|
||||
tuesday: {
|
||||
isClosed: true,
|
||||
alwaysOpen: false,
|
||||
openingTime: '',
|
||||
closingTime: '',
|
||||
sortOrder: 2,
|
||||
},
|
||||
wednesday: {
|
||||
isClosed: true,
|
||||
alwaysOpen: false,
|
||||
openingTime: '',
|
||||
closingTime: '',
|
||||
sortOrder: 3,
|
||||
},
|
||||
thursday: {
|
||||
isClosed: true,
|
||||
alwaysOpen: false,
|
||||
openingTime: '',
|
||||
closingTime: '',
|
||||
sortOrder: 4,
|
||||
},
|
||||
friday: {
|
||||
isClosed: true,
|
||||
alwaysOpen: false,
|
||||
openingTime: '',
|
||||
closingTime: '',
|
||||
sortOrder: 5,
|
||||
},
|
||||
saturday: {
|
||||
isClosed: true,
|
||||
alwaysOpen: false,
|
||||
openingTime: '',
|
||||
closingTime: '',
|
||||
sortOrder: 6,
|
||||
},
|
||||
sunday: {
|
||||
isClosed: true,
|
||||
alwaysOpen: false,
|
||||
openingTime: '',
|
||||
closingTime: '',
|
||||
sortOrder: 7,
|
||||
},
|
||||
}
|
||||
const result = getGroupedOpeningHours(allDaysClosed, mockIntl)
|
||||
expect(result).toEqual(['Monday-Sunday: Closed'])
|
||||
})
|
||||
|
||||
it('should group all days with same opening hours', () => {
|
||||
const allDaysSameHours: RestaurantOpeningHours = {
|
||||
isActive: true,
|
||||
name: 'Opening hours',
|
||||
nameEnglish: 'Opening hours',
|
||||
monday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 1,
|
||||
},
|
||||
tuesday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 2,
|
||||
},
|
||||
wednesday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 3,
|
||||
},
|
||||
thursday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 4,
|
||||
},
|
||||
friday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 5,
|
||||
},
|
||||
saturday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 6,
|
||||
},
|
||||
sunday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 7,
|
||||
},
|
||||
}
|
||||
const result = getGroupedOpeningHours(allDaysSameHours, mockIntl)
|
||||
expect(result).toEqual(['Monday-Sunday: 09:00-17:00'])
|
||||
})
|
||||
|
||||
it('should handle mixed opening hours', () => {
|
||||
const mixedOpeningHours: RestaurantOpeningHours = {
|
||||
isActive: true,
|
||||
name: 'Opening hours',
|
||||
nameEnglish: 'Opening hours',
|
||||
monday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 1,
|
||||
},
|
||||
tuesday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 2,
|
||||
},
|
||||
wednesday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 3,
|
||||
},
|
||||
thursday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 4,
|
||||
},
|
||||
friday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 5,
|
||||
},
|
||||
saturday: {
|
||||
openingTime: '10:00',
|
||||
closingTime: '15:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 6,
|
||||
},
|
||||
sunday: {
|
||||
isClosed: true,
|
||||
alwaysOpen: false,
|
||||
openingTime: '',
|
||||
closingTime: '',
|
||||
sortOrder: 7,
|
||||
},
|
||||
}
|
||||
const result = getGroupedOpeningHours(mixedOpeningHours, mockIntl)
|
||||
expect(result).toEqual([
|
||||
'Monday-Friday: 09:00-17:00',
|
||||
'Saturday: 10:00-15:00',
|
||||
'Sunday: Closed',
|
||||
])
|
||||
})
|
||||
|
||||
it('should handle always open days', () => {
|
||||
const someAlwaysOpen: RestaurantOpeningHours = {
|
||||
isActive: true,
|
||||
name: 'Opening hours',
|
||||
nameEnglish: 'Opening hours',
|
||||
monday: {
|
||||
alwaysOpen: true,
|
||||
isClosed: false,
|
||||
openingTime: '',
|
||||
closingTime: '',
|
||||
sortOrder: 1,
|
||||
},
|
||||
tuesday: {
|
||||
alwaysOpen: true,
|
||||
isClosed: false,
|
||||
openingTime: '',
|
||||
closingTime: '',
|
||||
sortOrder: 2,
|
||||
},
|
||||
wednesday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 3,
|
||||
},
|
||||
thursday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 4,
|
||||
},
|
||||
friday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 5,
|
||||
},
|
||||
saturday: {
|
||||
isClosed: true,
|
||||
alwaysOpen: false,
|
||||
openingTime: '',
|
||||
closingTime: '',
|
||||
sortOrder: 6,
|
||||
},
|
||||
sunday: {
|
||||
isClosed: true,
|
||||
alwaysOpen: false,
|
||||
openingTime: '',
|
||||
closingTime: '',
|
||||
sortOrder: 7,
|
||||
},
|
||||
}
|
||||
const result = getGroupedOpeningHours(someAlwaysOpen, mockIntl)
|
||||
expect(result).toEqual([
|
||||
'Monday-Tuesday: Always open',
|
||||
'Wednesday-Friday: 09:00-17:00',
|
||||
'Saturday-Sunday: Closed',
|
||||
])
|
||||
})
|
||||
|
||||
it('should handle missing days', () => {
|
||||
const missingDays: RestaurantOpeningHours = {
|
||||
isActive: true,
|
||||
name: 'Opening hours',
|
||||
nameEnglish: 'Opening hours',
|
||||
monday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 1,
|
||||
},
|
||||
wednesday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 3,
|
||||
},
|
||||
friday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 5,
|
||||
},
|
||||
}
|
||||
const result = getGroupedOpeningHours(missingDays, mockIntl)
|
||||
expect(result).toEqual([
|
||||
'Monday: 09:00-17:00',
|
||||
'Wednesday: 09:00-17:00',
|
||||
'Friday: 09:00-17:00',
|
||||
])
|
||||
})
|
||||
|
||||
it('should not group non-consecutive days with same hours', () => {
|
||||
const nonConsecutiveSameHours: RestaurantOpeningHours = {
|
||||
isActive: true,
|
||||
name: 'Opening hours',
|
||||
nameEnglish: 'Opening hours',
|
||||
monday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 1,
|
||||
},
|
||||
tuesday: {
|
||||
openingTime: '10:00',
|
||||
closingTime: '18:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 2,
|
||||
},
|
||||
wednesday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 3,
|
||||
},
|
||||
}
|
||||
const result = getGroupedOpeningHours(nonConsecutiveSameHours, mockIntl)
|
||||
expect(result).toEqual([
|
||||
'Monday: 09:00-17:00',
|
||||
'Tuesday: 10:00-18:00',
|
||||
'Wednesday: 09:00-17:00',
|
||||
])
|
||||
})
|
||||
|
||||
it('should handle nullable opening/closing times', () => {
|
||||
const nullableHours: RestaurantOpeningHours = {
|
||||
isActive: true,
|
||||
name: 'Opening hours',
|
||||
nameEnglish: 'Opening hours',
|
||||
monday: {
|
||||
openingTime: '',
|
||||
closingTime: '',
|
||||
isClosed: true,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 1,
|
||||
},
|
||||
tuesday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 2,
|
||||
},
|
||||
wednesday: {
|
||||
openingTime: '',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 3,
|
||||
},
|
||||
}
|
||||
const result = getGroupedOpeningHours(nullableHours, mockIntl)
|
||||
expect(result).toEqual([
|
||||
'Monday: Closed',
|
||||
// Tuesday and Wednesday won't appear in the result because they have empty string values
|
||||
// that don't match any of the conditions in the getGroupedOpeningHours function
|
||||
])
|
||||
})
|
||||
|
||||
it('should handle inactive restaurant hours', () => {
|
||||
const inactiveHours: RestaurantOpeningHours = {
|
||||
isActive: false,
|
||||
name: 'Opening hours',
|
||||
nameEnglish: 'Opening hours',
|
||||
monday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 1,
|
||||
},
|
||||
tuesday: {
|
||||
openingTime: '09:00',
|
||||
closingTime: '17:00',
|
||||
isClosed: false,
|
||||
alwaysOpen: false,
|
||||
sortOrder: 2,
|
||||
},
|
||||
}
|
||||
// Even though isActive is false, the function should still process the hours
|
||||
// as it doesn't check for the isActive flag
|
||||
const result = getGroupedOpeningHours(inactiveHours, mockIntl)
|
||||
expect(result).toEqual(['Monday-Tuesday: 09:00-17:00'])
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,20 @@
|
||||
type OpeningHoursDetails = {
|
||||
alwaysOpen: boolean
|
||||
closingTime: string
|
||||
isClosed: boolean
|
||||
openingTime: string
|
||||
sortOrder: number
|
||||
}
|
||||
|
||||
export type OpeningHours = {
|
||||
name: string
|
||||
isActive: boolean
|
||||
nameEnglish: string
|
||||
monday?: OpeningHoursDetails
|
||||
tuesday?: OpeningHoursDetails
|
||||
wednesday?: OpeningHoursDetails
|
||||
thursday?: OpeningHoursDetails
|
||||
friday?: OpeningHoursDetails
|
||||
saturday?: OpeningHoursDetails
|
||||
sunday?: OpeningHoursDetails
|
||||
}
|
||||
171
packages/design-system/lib/components/OpeningHours/utils.ts
Normal file
171
packages/design-system/lib/components/OpeningHours/utils.ts
Normal file
@@ -0,0 +1,171 @@
|
||||
import { logger } from '@scandic-hotels/common/logger'
|
||||
|
||||
import type { IntlShape } from 'react-intl'
|
||||
import { OpeningHours } from './openingHoursTypes'
|
||||
|
||||
export function getGroupedOpeningHours(
|
||||
openingHours: OpeningHours,
|
||||
intl: IntlShape
|
||||
): string[] {
|
||||
const closedMsg = intl.formatMessage({
|
||||
defaultMessage: 'Closed',
|
||||
})
|
||||
const alwaysOpenMsg = intl.formatMessage({
|
||||
defaultMessage: 'Always open',
|
||||
})
|
||||
|
||||
// In order
|
||||
const weekdayDefinitions = [
|
||||
{
|
||||
key: 'monday',
|
||||
label: intl.formatMessage({
|
||||
defaultMessage: 'Monday',
|
||||
}),
|
||||
},
|
||||
{
|
||||
key: 'tuesday',
|
||||
label: intl.formatMessage({
|
||||
defaultMessage: 'Tuesday',
|
||||
}),
|
||||
},
|
||||
{
|
||||
key: 'wednesday',
|
||||
label: intl.formatMessage({
|
||||
defaultMessage: 'Wednesday',
|
||||
}),
|
||||
},
|
||||
{
|
||||
key: 'thursday',
|
||||
label: intl.formatMessage({
|
||||
defaultMessage: 'Thursday',
|
||||
}),
|
||||
},
|
||||
{
|
||||
key: 'friday',
|
||||
label: intl.formatMessage({
|
||||
defaultMessage: 'Friday',
|
||||
}),
|
||||
},
|
||||
{
|
||||
key: 'saturday',
|
||||
label: intl.formatMessage({
|
||||
defaultMessage: 'Saturday',
|
||||
}),
|
||||
},
|
||||
{
|
||||
key: 'sunday',
|
||||
label: intl.formatMessage({
|
||||
defaultMessage: 'Sunday',
|
||||
}),
|
||||
},
|
||||
] as const
|
||||
|
||||
const groupedOpeningHours: string[] = []
|
||||
|
||||
let rangeWeekdays: string[] = []
|
||||
let rangeValue = ''
|
||||
|
||||
for (let i = 0, n = weekdayDefinitions.length; i < n; ++i) {
|
||||
const weekdayDefinition = weekdayDefinitions[i]
|
||||
const weekday = openingHours[weekdayDefinition.key]
|
||||
const label = weekdayDefinition.label
|
||||
|
||||
if (weekday) {
|
||||
let newValue = null
|
||||
|
||||
if (weekday.alwaysOpen) {
|
||||
newValue = alwaysOpenMsg
|
||||
} else if (weekday.isClosed) {
|
||||
newValue = closedMsg
|
||||
} else if (weekday.openingTime && weekday.closingTime) {
|
||||
newValue = `${weekday.openingTime}-${weekday.closingTime}`
|
||||
}
|
||||
|
||||
if (newValue !== null) {
|
||||
if (rangeValue === newValue) {
|
||||
if (rangeWeekdays.length > 1) {
|
||||
rangeWeekdays.splice(-1, 1, label) // Replace last element
|
||||
} else {
|
||||
rangeWeekdays.push(label)
|
||||
}
|
||||
} else {
|
||||
if (rangeValue) {
|
||||
groupedOpeningHours.push(
|
||||
`${rangeWeekdays.join('-')}: ${rangeValue}`
|
||||
)
|
||||
}
|
||||
rangeValue = newValue
|
||||
rangeWeekdays = [label]
|
||||
}
|
||||
}
|
||||
if (rangeValue && i === n - 1) {
|
||||
// Flush everything at the end
|
||||
groupedOpeningHours.push(`${rangeWeekdays.join('-')}: ${rangeValue}`)
|
||||
}
|
||||
} else if (rangeValue) {
|
||||
groupedOpeningHours.push(`${rangeWeekdays.join('-')}: ${rangeValue}`)
|
||||
rangeValue = ''
|
||||
rangeWeekdays = []
|
||||
}
|
||||
}
|
||||
return groupedOpeningHours
|
||||
}
|
||||
|
||||
export function getTranslatedName(name: string, intl: IntlShape) {
|
||||
switch (name) {
|
||||
case 'Breakfast':
|
||||
return intl.formatMessage({
|
||||
defaultMessage: 'Breakfast',
|
||||
})
|
||||
case 'Brunch':
|
||||
return intl.formatMessage({
|
||||
defaultMessage: 'Brunch',
|
||||
})
|
||||
case 'After Work':
|
||||
return intl.formatMessage({
|
||||
defaultMessage: 'After Work',
|
||||
})
|
||||
case 'Cafe':
|
||||
return intl.formatMessage({
|
||||
defaultMessage: 'Cafe',
|
||||
})
|
||||
case 'Lunch':
|
||||
return intl.formatMessage({
|
||||
defaultMessage: 'Lunch',
|
||||
})
|
||||
case 'Dinner':
|
||||
return intl.formatMessage({
|
||||
defaultMessage: 'Dinner',
|
||||
})
|
||||
case 'Bar':
|
||||
return intl.formatMessage({
|
||||
defaultMessage: 'Bar',
|
||||
})
|
||||
case 'Snacks & drinks':
|
||||
return intl.formatMessage({
|
||||
defaultMessage: 'Snacks & drinks',
|
||||
})
|
||||
case 'Takeaway':
|
||||
return intl.formatMessage({
|
||||
defaultMessage: 'Takeaway',
|
||||
})
|
||||
case 'Changes':
|
||||
return intl.formatMessage({
|
||||
defaultMessage: 'Changes',
|
||||
})
|
||||
case 'Live events':
|
||||
return intl.formatMessage({
|
||||
defaultMessage: 'Live events',
|
||||
})
|
||||
case 'Terrace':
|
||||
return intl.formatMessage({
|
||||
defaultMessage: 'Terrace',
|
||||
})
|
||||
default:
|
||||
logger.warn(`Unsupported name given: ${name}`)
|
||||
|
||||
return intl.formatMessage({
|
||||
defaultMessage: 'N/A',
|
||||
})
|
||||
}
|
||||
}
|
||||
@@ -31,6 +31,7 @@
|
||||
"./Label": "./lib/components/Label/index.tsx",
|
||||
"./Link": "./lib/components/Link/index.tsx",
|
||||
"./OldDSButton": "./lib/components/OldDSButton/index.tsx",
|
||||
"./OpeningHours": "./lib/components/OpeningHours/index.tsx",
|
||||
"./Select": "./lib/components/Select/index.tsx",
|
||||
"./SkeletonShimmer": "./lib/components/SkeletonShimmer/index.tsx",
|
||||
"./SidePeek": "./lib/components/SidePeek/index.tsx",
|
||||
|
||||
Reference in New Issue
Block a user