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

feat(SW-281): remove li

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-10-24 15:57:27 +02:00
parent b841604e5e
commit a4e597dc14
1 changed files with 37 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
components/ContentType/ContentPage/HotelListing/index.tsx
View File

@@ -10,7 +10,7 @@ import { getIntl } from "@/i18n"
import styles from "./hotelListing.module.css"
import { HotelListingProps } from "@/types/components/contentPage/hotelListing"
import type { HotelListingProps } from "@/types/components/contentPage/hotelListing"
export default async function HotelListing({
image,
@@ -22,45 +22,43 @@ export default async function HotelListing({
const intl = await getIntl()
return (
<li>
<article className={styles.container}>
<section>
<Image
src={image}
alt=""
width={300}
height={200}
className={styles.image}
/>
</section>
<section className={styles.content}>
<div className={styles.intro}>
<ScandicLogoIcon color="red" />
<Subtitle>{name}</Subtitle>
<div className={styles.captions}>
<Caption color="uiTextPlaceholder">{address}</Caption>
<div className={styles.dividerContainer}>
<Divider variant="vertical" color="beige" />
</div>
<Caption color="uiTextPlaceholder">
{`${distance} ${intl.formatMessage({ id: "km to city center" })}`}
</Caption>
<article className={styles.container}>
<section>
<Image
src={image}
alt=""
width={300}
height={200}
className={styles.image}
/>
</section>
<section className={styles.content}>
<div className={styles.intro}>
<ScandicLogoIcon color="red" />
<Subtitle>{name}</Subtitle>
<div className={styles.captions}>
<Caption color="uiTextPlaceholder">{address}</Caption>
<div className={styles.dividerContainer}>
<Divider variant="vertical" color="beige" />
</div>
<Caption color="uiTextPlaceholder">
{`${distance} ${intl.formatMessage({ id: "km to city center" })}`}
</Caption>
</div>
<Body>{description}</Body>
<Button
intent="primary"
theme="base"
size="small"
className={styles.button}
asChild
>
<Link href="#" color="white">
{intl.formatMessage({ id: "See hotel details" })}
</Link>
</Button>
</section>
</article>
</li>
</div>
<Body>{description}</Body>
<Button
intent="primary"
theme="base"
size="small"
className={styles.button}
asChild
>
<Link href="#" color="white">
{intl.formatMessage({ id: "See hotel details" })}
</Link>
</Button>
</section>
</article>
)
}