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]}

3
components/HotelReservation/Contact/index.tsx
View File

@@ -2,8 +2,7 @@
import { useIntl } from "react-intl"
import FacebookIcon from "@/components/Icons/Facebook"
import InstagramIcon from "@/components/Icons/Instagram"
import { FacebookIcon, InstagramIcon } from "@/components/Icons"
import Image from "@/components/Image"
import Link from "@/components/TempDesignSystem/Link"
import useLang from "@/hooks/useLang"

3
components/HotelReservation/HotelCardDialog/index.tsx
View File

@@ -7,8 +7,7 @@ import { Lang } from "@/constants/languages"
import { selectRate } from "@/constants/routes/hotelReservation"
import { mapFacilityToIcon } from "@/components/ContentType/HotelPage/data"
import { CloseLargeIcon } from "@/components/Icons"
import TripAdvisorIcon from "@/components/Icons/TripAdvisor"
import { CloseLargeIcon, TripAdvisorIcon } from "@/components/Icons"
import Image from "@/components/Image"
import Button from "@/components/TempDesignSystem/Button"
import Chip from "@/components/TempDesignSystem/Chip"

2
components/HotelReservation/TripAdvisorChip/index.tsx
View File

@@ -1,4 +1,4 @@
import TripAdvisorIcon from "@/components/Icons/TripAdvisor"
import { TripAdvisorIcon } from "@/components/Icons"
import Caption from "@/components/TempDesignSystem/Text/Caption"
import styles from "./tripAdvisorChip.module.css"

6
components/Icons/get-icon-by-icon-name.ts
View File

@@ -1,8 +1,5 @@
import { FC } from "react"
import FacebookIcon from "./Facebook"
import InstagramIcon from "./Instagram"
import TripAdvisorIcon from "./TripAdvisor"
import {
AccesoriesIcon,
AccessibilityIcon,
@@ -41,6 +38,7 @@ import {
EmailIcon,
EyeHideIcon,
EyeShowIcon,
FacebookIcon,
FanIcon,
FitnessIcon,
FootstoolIcon,
@@ -56,6 +54,7 @@ import {
HouseIcon,
ImageIcon,
InfoCircleIcon,
InstagramIcon,
KayakingIcon,
KettleIcon,
LampIcon,
@@ -93,6 +92,7 @@ import {
SwimIcon,
ThermostatIcon,
TrainIcon,
TripAdvisorIcon,
TshirtIcon,
TshirtWashIcon,
TvCastingIcon,

2
components/Icons/index.tsx
View File

@@ -55,6 +55,7 @@ export { default as EmailIcon } from "./Email"
export { default as ErrorCircleIcon } from "./ErrorCircle"
export { default as EyeHideIcon } from "./EyeHide"
export { default as EyeShowIcon } from "./EyeShow"
export { default as FacebookIcon } from "./Facebook"
export { default as FanIcon } from "./Fan"
export { default as FilterIcon } from "./Filter"
export { default as FitnessIcon } from "./Fitness"
@@ -127,6 +128,7 @@ export { default as StreetIcon } from "./Street"
export { default as SwimIcon } from "./Swim"
export { default as ThermostatIcon } from "./Thermostat"
export { default as TrainIcon } from "./Train"
export { default as TripAdvisorIcon } from "./TripAdvisor"
export { default as TshirtIcon } from "./Tshirt"
export { default as TshirtWashIcon } from "./TshirtWash"
export { default as TvCastingIcon } from "./TvCasting"

1
types/components/hotelPage/sidepeek/aboutTheHotel.ts
View File

@@ -10,4 +10,5 @@ export type AboutTheHotelSidePeekProps = {
socials: Hotel["socialMedia"]
ecoLabels: Hotel["hotelFacts"]["ecoLabels"]
descriptions: Hotel["hotelContent"]["texts"]["descriptions"]
buttonUrl?: string
}

2
types/components/hotelPage/sidepeek/contactInformation.ts
View File

@@ -2,5 +2,5 @@ import type { AboutTheHotelSidePeekProps } from "./aboutTheHotel"
export type ContactInformationProps = Omit<
AboutTheHotelSidePeekProps,
"descriptions"
"descriptions" | "buttonUrl"
>