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

feat(SW-750): update icon import

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-11-18 14:23:37 +01:00
parent fc27339aff
commit d5cdbf7e82
12 changed files with 33 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/ContentType/HotelPage/IntroSection/index.tsx
View File

@@ -1,7 +1,6 @@
import { about } from "@/constants/routes/hotelPageParams"
import { ChevronRightSmallIcon } from "@/components/Icons"
import TripAdvisorIcon from "@/components/Icons/TripAdvisor"
import { ChevronRightSmallIcon, TripAdvisorIcon } from "@/components/Icons"
import Link from "@/components/TempDesignSystem/Link"
import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
import Body from "@/components/TempDesignSystem/Text/Body"

2
components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/contactInformation.module.css
View File

@@ -4,7 +4,7 @@
gap: var(--Spacing-x-one-and-half);
}
.placeholder {
.information {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--Spacing-x2);

27
components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/index.tsx
View File

@@ -1,5 +1,4 @@
import { InstagramIcon } from "@/components/Icons"
import FacebookIcon from "@/components/Icons/Facebook"
import { FacebookIcon, InstagramIcon } from "@/components/Icons"
import Image from "@/components/Image"
import Link from "@/components/TempDesignSystem/Link"
import Body from "@/components/TempDesignSystem/Text/Body"
@@ -26,7 +25,7 @@ export default async function ContactInformation({
<Subtitle color="burgundy">
{intl.formatMessage({ id: "Practical information" })}
</Subtitle>
<div className={styles.placeholder}>
<div className={styles.information}>
<div className={styles.address}>
<Body textTransform="bold">
{intl.formatMessage({ id: "Address" })}
@@ -66,18 +65,16 @@ export default async function ContactInformation({
{intl.formatMessage({ id: "Follow us" })}
</Body>
<div className={styles.socialIcons}>
<Link
href={
socials.instagram || "https://www.instagram.com/scandichotels/"
}
>
<InstagramIcon color="burgundy" />
</Link>
<Link
href={socials.facebook || "https://www.facebook.com/Scandic/"}
>
<FacebookIcon color="burgundy" />
</Link>
{socials.instagram && (
<Link href={socials.instagram}>
<InstagramIcon color="burgundy" />
</Link>
)}
{socials.facebook && (
<Link href={socials.facebook}>
<FacebookIcon color="burgundy" />
</Link>
)}
</div>
</div>
<div className={styles.email}>

13
components/ContentType/HotelPage/SidePeeks/AboutTheHotel/index.tsx
View File

@@ -22,6 +22,7 @@ export default async function AboutTheHotelSidePeek({
socials,
ecoLabels,
descriptions,
buttonUrl,
}: AboutTheHotelSidePeekProps) {
const lang = getLang()
const intl = await getIntl()
@@ -42,11 +43,13 @@ export default async function AboutTheHotelSidePeek({
<Divider color="baseSurfaceSutbleHover" />
<Preamble>{descriptions.short}</Preamble>
<Body>{descriptions.medium}</Body>
<Button fullWidth theme="base" intent="secondary" asChild>
<Link href="#" color="burgundy" weight="bold">
{intl.formatMessage({ id: "Read more about the hotel" })}
</Link>
</Button>
{buttonUrl && (
<Button fullWidth theme="base" intent="secondary" asChild>
<Link href={buttonUrl} color="burgundy" weight="bold">
{intl.formatMessage({ id: "Read more about the hotel" })}
</Link>
</Button>
)}
</section>
</SidePeek>
)

1
components/ContentType/HotelPage/index.tsx
View File

@@ -145,6 +145,7 @@ export default async function HotelPage() {
socials={socials}
ecoLabels={ecoLabels}
descriptions={hotelDescription}
buttonUrl="#"
/>
<SidePeek
contentKey={hotelPageParams.restaurantAndBar[lang]}