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