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

feat: add two and three column grid variants

Browse Source
This commit is contained in:
Christel Westerberg
2024-05-13 15:12:06 +02:00
parent d2eb2a3077
commit 5d15e5605f
11 changed files with 138 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/MyPages/Blocks/Stays/Previous/index.tsx
View File

@@ -3,6 +3,7 @@
import { _ } from "@/lib/translation"
import { trpc } from "@/lib/trpc/client"
import LoadingSpinner from "@/components/LoadingSpinner"
import CardGrid from "@/components/TempDesignSystem/CardGrid"
import Container from "../Container"
@@ -40,8 +41,9 @@ export default function PreviousStays({
return (
<Container>
<Header title={title} subtitle={subtitle} link={link} />
{isLoading ? <p>{_("Loading")}</p> : null}
{stays.length && !isLoading ? (
{isLoading ? (
<LoadingSpinner />
) : stays.length ? (
<ListContainer>
<CardGrid>
{stays.map((stay) => (

7
components/MyPages/Blocks/Stays/Upcoming/index.tsx
View File

@@ -3,6 +3,7 @@
import { _ } from "@/lib/translation"
import { trpc } from "@/lib/trpc/client"
import LoadingSpinner from "@/components/LoadingSpinner"
import CardGrid from "@/components/TempDesignSystem/CardGrid"
import Container from "../Container"
@@ -40,9 +41,9 @@ export default function UpcomingStays({
return (
<Container>
<Header title={title} subtitle={subtitle} link={link} />
{isLoading ? <p>{_("Loading")}</p> : null}
{stays.length && !isLoading ? (
{isLoading ? (
<LoadingSpinner />
) : stays.length ? (
<ListContainer>
<CardGrid>
{stays.map((stay) => (