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

feat(WEB-250): overview hero final ui

Browse Source
This commit is contained in:
Simon Emanuelsson
2024-05-24 10:13:24 +02:00
parent f884383c3c
commit 16b817f469
164 changed files with 6262 additions and 990 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/MyPages/Blocks/Stays/Upcoming/EmptyUpcomingStays/index.tsx
View File

@@ -1,24 +1,23 @@
import Link from "next/link"
import { _ } from "@/lib/translation"
import Button from "@/components/TempDesignSystem/Button"
import Title from "@/components/Title"
import Link from "@/components/TempDesignSystem/Link"
import Title from "@/components/TempDesignSystem/Title"
import styles from "./emptyUpcomingStays.module.css"
export default function EmptyUpcomingStaysBlock() {
return (
<section className={styles.container}>
<Title level="h3" as="h5" uppercase>
{_(" You have no upcoming stays.")}
<Title as="h5" level="h3">
{_("You have no upcoming stays.")}
<span className={styles.grayTitle}>
{" "}
{_("Where should you go next?")}
</span>
</Title>
<Button intent="primary" asChild type="button">
<Link className={styles.link} href={"#"} key="getInspired">
<Link className={styles.link} href="#" key="getInspired">
{_("Get inspired")}
</Link>
</Button>

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

@@ -13,8 +13,7 @@ import ShowMoreButton from "../ShowMoreButton"
import StayCard from "../StayCard"
import EmptyUpcomingStaysBlock from "./EmptyUpcomingStays"
import { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
import type { Page } from "@/types/components/myPages/stays/page"
import type { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
export default function UpcomingStays({
lang,
@@ -26,7 +25,7 @@ export default function UpcomingStays({
trpc.user.stays.upcoming.useInfiniteQuery(
{ limit: 6 },
{
getNextPageParam: (lastPage: Page) => lastPage.nextCursor,
getNextPageParam: (lastPage) => lastPage.nextCursor,
}
)