scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/3697-prettier-configs (pull request #3396)

Browse Source 
fix(SW-3691): Setup one prettier config for whole repo

* Setup prettierrc in root and remove other configs


Approved-by: Joakim Jäderberg
Approved-by: Linus Flood
This commit is contained in:
Rasmus Langvad
2026-01-07 12:45:50 +00:00
parent 932413412b
commit d0546926a9
500 changed files with 18367 additions and 18419 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
packages/design-system/lib/components/Lightbox/FullView/index.tsx
View File

@@ -1,16 +1,16 @@
'use client'
"use client"
import { AnimatePresence, motion } from 'motion/react'
import { useEffect, useState } from 'react'
import { useIntl } from 'react-intl'
import { AnimatePresence, motion } from "motion/react"
import { useEffect, useState } from "react"
import { useIntl } from "react-intl"
import Image from '../../Image'
import Image from "../../Image"
import { IconButton } from '../../IconButton'
import { Typography } from '../../Typography'
import { IconButton } from "../../IconButton"
import { Typography } from "../../Typography"
import { LightboxImage } from '../index'
import styles from './fullView.module.css'
import { LightboxImage } from "../index"
import styles from "./fullView.module.css"
type FullViewProps = {
image: LightboxImage
@@ -56,18 +56,18 @@ export default function FullView({
}
const handleKeyDown = (e: KeyboardEvent) => {
if (e.key === 'ArrowLeft') {
if (e.key === "ArrowLeft") {
handlePrev()
} else if (e.key === 'ArrowRight') {
} else if (e.key === "ArrowRight") {
handleNext()
}
}
useEffect(() => {
window.addEventListener('keydown', handleKeyDown)
window.addEventListener("keydown", handleKeyDown)
return () => {
window.removeEventListener('keydown', handleKeyDown)
window.removeEventListener("keydown", handleKeyDown)
}
})
@@ -90,8 +90,8 @@ export default function FullView({
className={styles.closeButton}
onPress={onClose}
aria-label={intl.formatMessage({
id: 'common.close',
defaultMessage: 'Close',
id: "common.close",
defaultMessage: "Close",
})}
iconName="close"
/>

62
packages/design-system/lib/components/Lightbox/Gallery/index.tsx
View File

@@ -1,18 +1,18 @@
'use client'
import { AnimatePresence, motion } from 'motion/react'
import { useEffect, useState } from 'react'
import { Button as ButtonRAC } from 'react-aria-components'
import { useIntl } from 'react-intl'
"use client"
import { AnimatePresence, motion } from "motion/react"
import { useEffect, useState } from "react"
import { Button as ButtonRAC } from "react-aria-components"
import { useIntl } from "react-intl"
import { IconButton } from '../../IconButton'
import { Typography } from '../../Typography'
import { IconButton } from "../../IconButton"
import { Typography } from "../../Typography"
import Image from '../../Image'
import Image from "../../Image"
import { cx } from 'class-variance-authority'
import { useMediaQuery } from 'usehooks-ts'
import { LightboxImage } from '..'
import styles from './gallery.module.css'
import { cx } from "class-variance-authority"
import { useMediaQuery } from "usehooks-ts"
import { LightboxImage } from ".."
import styles from "./gallery.module.css"
type GalleryProps = {
images: LightboxImage[]
@@ -35,7 +35,7 @@ export default function Gallery({
const [animateLeft, setAnimateLeft] = useState(true)
const mainImage = selectedImage || images[0]
const mainImageIndex = images.findIndex((img) => img === mainImage)
const isMobile = useMediaQuery('(max-width: 767px)')
const isMobile = useMediaQuery("(max-width: 767px)")
function getThumbImages() {
const thumbs = []
@@ -59,18 +59,18 @@ export default function Gallery({
}
const handleKeyDown = (e: KeyboardEvent) => {
if (e.key === 'ArrowLeft') {
if (e.key === "ArrowLeft") {
handlePrev()
} else if (e.key === 'ArrowRight') {
} else if (e.key === "ArrowRight") {
handleNext()
}
}
useEffect(() => {
window.addEventListener('keydown', handleKeyDown)
window.addEventListener("keydown", handleKeyDown)
return () => {
window.removeEventListener('keydown', handleKeyDown)
window.removeEventListener("keydown", handleKeyDown)
}
})
@@ -94,10 +94,10 @@ export default function Gallery({
className={styles.closeButton}
onPress={onClose}
aria-label={intl.formatMessage({
id: 'common.close',
defaultMessage: 'Close',
id: "common.close",
defaultMessage: "Close",
})}
iconName={isMobile ? 'chevron_left' : 'close'}
iconName={isMobile ? "chevron_left" : "close"}
/>
{/* Desktop Gallery */}
@@ -130,8 +130,8 @@ export default function Gallery({
onClick={onImageClick}
tabIndex={0}
aria-label={intl.formatMessage({
id: 'lightbox.openImage',
defaultMessage: 'Open image',
id: "lightbox.openImage",
defaultMessage: "Open image",
})}
role="button"
/>
@@ -142,8 +142,8 @@ export default function Gallery({
className={cx(styles.navigationButton, styles.previous)}
onPress={handlePrev}
aria-label={intl.formatMessage({
id: 'lightbox.previousImage',
defaultMessage: 'Previous image',
id: "lightbox.previousImage",
defaultMessage: "Previous image",
})}
iconName="arrow_back"
/>
@@ -152,8 +152,8 @@ export default function Gallery({
className={cx(styles.navigationButton, styles.next)}
onPress={handleNext}
aria-label={intl.formatMessage({
id: 'lightbox.nextImage',
defaultMessage: 'Next image',
id: "lightbox.nextImage",
defaultMessage: "Next image",
})}
iconName="arrow_forward"
/>
@@ -173,8 +173,8 @@ export default function Gallery({
className={styles.imageButton}
onPress={() => onSelectImage(image)}
aria-label={intl.formatMessage({
id: 'lightbox.openImage',
defaultMessage: 'Open image',
id: "lightbox.openImage",
defaultMessage: "Open image",
})}
>
<Image
@@ -196,7 +196,7 @@ export default function Gallery({
{images.map((image, index) => (
<motion.div
key={image.src}
className={`${styles.thumbnailContainer} ${index % 3 === 0 ? styles.fullWidthImage : ''}`}
className={`${styles.thumbnailContainer} ${index % 3 === 0 ? styles.fullWidthImage : ""}`}
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.3, delay: index * 0.05 }}
@@ -204,8 +204,8 @@ export default function Gallery({
<ButtonRAC
className={styles.imageButton}
aria-label={intl.formatMessage({
id: 'lightbox.openImage',
defaultMessage: 'Open image',
id: "lightbox.openImage",
defaultMessage: "Open image",
})}
onPress={() => {
onSelectImage(image)

20
packages/design-system/lib/components/Lightbox/index.tsx
View File

@@ -1,14 +1,14 @@
'use client'
import { AnimatePresence, motion } from 'motion/react'
import { useEffect, useState } from 'react'
import { Dialog, Modal, ModalOverlay } from 'react-aria-components'
"use client"
import { AnimatePresence, motion } from "motion/react"
import { useEffect, useState } from "react"
import { Dialog, Modal, ModalOverlay } from "react-aria-components"
import usePopStateHandler from '@scandic-hotels/common/hooks/usePopStateHandler'
import usePopStateHandler from "@scandic-hotels/common/hooks/usePopStateHandler"
import FullView from './FullView'
import Gallery from './Gallery'
import FullView from "./FullView"
import Gallery from "./Gallery"
import styles from './lightbox.module.css'
import styles from "./lightbox.module.css"
export type LightboxImage = {
src: string
@@ -49,7 +49,7 @@ export default function Lightbox({
useEffect(() => {
if (isOpen) {
window.history.pushState(null, '', window.location.href)
window.history.pushState(null, "", window.location.href)
}
}, [isOpen])
@@ -81,7 +81,7 @@ export default function Lightbox({
className={`${styles.content} ${
isFullView ? styles.fullViewContent : styles.galleryContent
}`}
initial={{ opacity: 0, scale: 0.95, x: '-50%', y: '-50%' }}
initial={{ opacity: 0, scale: 0.95, x: "-50%", y: "-50%" }}
animate={{ opacity: 1, scale: 1 }}
exit={{ opacity: 0, scale: 0.95 }}
transition={{ duration: 0.2 }}