chore: Moved Breadcrumbs to design system and added stories

Approved-by: Bianca Widstam
This commit is contained in:
Erik Tiekstra
2026-01-21 07:19:19 +00:00
parent 17c78be916
commit 8a143a2916
35 changed files with 524 additions and 357 deletions

View File

@@ -1,11 +1,12 @@
import { Suspense } from "react"
import Breadcrumbs from "@/components/Breadcrumbs"
import BreadcrumbsSkeleton from "@/components/TempDesignSystem/Breadcrumbs/BreadcrumbsSkeleton"
import { BreadcrumbsSkeleton } from "@scandic-hotels/design-system/Breadcrumbs"
import { Breadcrumbs } from "@/components/Breadcrumbs"
export default function AllBreadcrumbs() {
return (
<Suspense fallback={<BreadcrumbsSkeleton />}>
<Suspense fallback={<BreadcrumbsSkeleton size="contentWidth" />}>
<Breadcrumbs size="contentWidth" />
</Suspense>
)

View File

@@ -1,9 +1,11 @@
import { Suspense } from "react"
import Breadcrumbs from "@/components/Breadcrumbs"
import BreadcrumbsSkeleton from "@/components/TempDesignSystem/Breadcrumbs/BreadcrumbsSkeleton"
import {
type BreadcrumbsProps,
BreadcrumbsSkeleton,
} from "@scandic-hotels/design-system/Breadcrumbs"
import type { BreadcrumbsProps } from "@/components/TempDesignSystem/Breadcrumbs/breadcrumbs"
import { Breadcrumbs } from "@/components/Breadcrumbs"
export default function CampaignOverviewPageBreadcrumbs() {
const variants: Pick<BreadcrumbsProps, "color" | "size"> = {

View File

@@ -1,9 +1,11 @@
import { Suspense } from "react"
import Breadcrumbs from "@/components/Breadcrumbs"
import BreadcrumbsSkeleton from "@/components/TempDesignSystem/Breadcrumbs/BreadcrumbsSkeleton"
import {
type BreadcrumbsProps,
BreadcrumbsSkeleton,
} from "@scandic-hotels/design-system/Breadcrumbs"
import type { BreadcrumbsProps } from "@/components/TempDesignSystem/Breadcrumbs/breadcrumbs"
import { Breadcrumbs } from "@/components/Breadcrumbs"
export default function CampaignPageBreadcrumbs() {
const variants: Pick<BreadcrumbsProps, "color" | "size"> = {

View File

@@ -1,10 +1,12 @@
import { Suspense } from "react"
import Breadcrumbs from "@/components/Breadcrumbs"
import BreadcrumbsSkeleton from "@/components/TempDesignSystem/Breadcrumbs/BreadcrumbsSkeleton"
import { isLoggedInUser } from "@/utils/isLoggedInUser"
import {
type BreadcrumbsProps,
BreadcrumbsSkeleton,
} from "@scandic-hotels/design-system/Breadcrumbs"
import type { BreadcrumbsProps } from "@/components/TempDesignSystem/Breadcrumbs/breadcrumbs"
import { Breadcrumbs } from "@/components/Breadcrumbs"
import { isLoggedInUser } from "@/utils/isLoggedInUser"
export default async function LoyaltyPageBreadcrumbs() {
const isUserLoggedIn = await isLoggedInUser()

View File

@@ -1,9 +1,11 @@
import { Suspense } from "react"
import Breadcrumbs from "@/components/Breadcrumbs"
import BreadcrumbsSkeleton from "@/components/TempDesignSystem/Breadcrumbs/BreadcrumbsSkeleton"
import {
type BreadcrumbsProps,
BreadcrumbsSkeleton,
} from "@scandic-hotels/design-system/Breadcrumbs"
import type { BreadcrumbsProps } from "@/components/TempDesignSystem/Breadcrumbs/breadcrumbs"
import { Breadcrumbs } from "@/components/Breadcrumbs"
export default function PromoCampaignPageBreadcrumbs() {
const variants: Pick<BreadcrumbsProps, "color" | "size"> = {