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 { about } from "@/constants/routes/hotelPageParams"
import { ChevronRightSmallIcon } from "@/components/Icons" import { ChevronRightSmallIcon, TripAdvisorIcon } from "@/components/Icons"
import TripAdvisorIcon from "@/components/Icons/TripAdvisor"
import Link from "@/components/TempDesignSystem/Link" import Link from "@/components/TempDesignSystem/Link"
import BiroScript from "@/components/TempDesignSystem/Text/BiroScript" import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
import Body from "@/components/TempDesignSystem/Text/Body" 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); gap: var(--Spacing-x-one-and-half);
} }
.placeholder { .information {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: var(--Spacing-x2); 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, InstagramIcon } from "@/components/Icons"
import FacebookIcon from "@/components/Icons/Facebook"
import Image from "@/components/Image" import Image from "@/components/Image"
import Link from "@/components/TempDesignSystem/Link" import Link from "@/components/TempDesignSystem/Link"
import Body from "@/components/TempDesignSystem/Text/Body" import Body from "@/components/TempDesignSystem/Text/Body"
@@ -26,7 +25,7 @@ export default async function ContactInformation({
<Subtitle color="burgundy"> <Subtitle color="burgundy">
{intl.formatMessage({ id: "Practical information" })} {intl.formatMessage({ id: "Practical information" })}
</Subtitle> </Subtitle>
<div className={styles.placeholder}> <div className={styles.information}>
<div className={styles.address}> <div className={styles.address}>
<Body textTransform="bold"> <Body textTransform="bold">
{intl.formatMessage({ id: "Address" })} {intl.formatMessage({ id: "Address" })}
@@ -66,18 +65,16 @@ export default async function ContactInformation({
{intl.formatMessage({ id: "Follow us" })} {intl.formatMessage({ id: "Follow us" })}
</Body> </Body>
<div className={styles.socialIcons}> <div className={styles.socialIcons}>
<Link {socials.instagram && (
href={ <Link href={socials.instagram}>
socials.instagram || "https://www.instagram.com/scandichotels/" <InstagramIcon color="burgundy" />
} </Link>
> )}
<InstagramIcon color="burgundy" /> {socials.facebook && (
</Link> <Link href={socials.facebook}>
<Link <FacebookIcon color="burgundy" />
href={socials.facebook || "https://www.facebook.com/Scandic/"} </Link>
> )}
<FacebookIcon color="burgundy" />
</Link>
</div> </div>
</div> </div>
<div className={styles.email}> <div className={styles.email}>

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

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

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

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

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

@@ -2,8 +2,7 @@
import { useIntl } from "react-intl" import { useIntl } from "react-intl"
import FacebookIcon from "@/components/Icons/Facebook" import { FacebookIcon, InstagramIcon } from "@/components/Icons"
import InstagramIcon from "@/components/Icons/Instagram"
import Image from "@/components/Image" import Image from "@/components/Image"
import Link from "@/components/TempDesignSystem/Link" import Link from "@/components/TempDesignSystem/Link"
import useLang from "@/hooks/useLang" 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 { selectRate } from "@/constants/routes/hotelReservation"
import { mapFacilityToIcon } from "@/components/ContentType/HotelPage/data" import { mapFacilityToIcon } from "@/components/ContentType/HotelPage/data"
import { CloseLargeIcon } from "@/components/Icons" import { CloseLargeIcon, TripAdvisorIcon } from "@/components/Icons"
import TripAdvisorIcon from "@/components/Icons/TripAdvisor"
import Image from "@/components/Image" import Image from "@/components/Image"
import Button from "@/components/TempDesignSystem/Button" import Button from "@/components/TempDesignSystem/Button"
import Chip from "@/components/TempDesignSystem/Chip" 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 Caption from "@/components/TempDesignSystem/Text/Caption"
import styles from "./tripAdvisorChip.module.css" 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 { FC } from "react"
import FacebookIcon from "./Facebook"
import InstagramIcon from "./Instagram"
import TripAdvisorIcon from "./TripAdvisor"
import { import {
AccesoriesIcon, AccesoriesIcon,
AccessibilityIcon, AccessibilityIcon,
@@ -41,6 +38,7 @@ import {
EmailIcon, EmailIcon,
EyeHideIcon, EyeHideIcon,
EyeShowIcon, EyeShowIcon,
FacebookIcon,
FanIcon, FanIcon,
FitnessIcon, FitnessIcon,
FootstoolIcon, FootstoolIcon,
@@ -56,6 +54,7 @@ import {
HouseIcon, HouseIcon,
ImageIcon, ImageIcon,
InfoCircleIcon, InfoCircleIcon,
InstagramIcon,
KayakingIcon, KayakingIcon,
KettleIcon, KettleIcon,
LampIcon, LampIcon,
@@ -93,6 +92,7 @@ import {
SwimIcon, SwimIcon,
ThermostatIcon, ThermostatIcon,
TrainIcon, TrainIcon,
TripAdvisorIcon,
TshirtIcon, TshirtIcon,
TshirtWashIcon, TshirtWashIcon,
TvCastingIcon, 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 ErrorCircleIcon } from "./ErrorCircle"
export { default as EyeHideIcon } from "./EyeHide" export { default as EyeHideIcon } from "./EyeHide"
export { default as EyeShowIcon } from "./EyeShow" export { default as EyeShowIcon } from "./EyeShow"
export { default as FacebookIcon } from "./Facebook"
export { default as FanIcon } from "./Fan" export { default as FanIcon } from "./Fan"
export { default as FilterIcon } from "./Filter" export { default as FilterIcon } from "./Filter"
export { default as FitnessIcon } from "./Fitness" 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 SwimIcon } from "./Swim"
export { default as ThermostatIcon } from "./Thermostat" export { default as ThermostatIcon } from "./Thermostat"
export { default as TrainIcon } from "./Train" export { default as TrainIcon } from "./Train"
export { default as TripAdvisorIcon } from "./TripAdvisor"
export { default as TshirtIcon } from "./Tshirt" export { default as TshirtIcon } from "./Tshirt"
export { default as TshirtWashIcon } from "./TshirtWash" export { default as TshirtWashIcon } from "./TshirtWash"
export { default as TvCastingIcon } from "./TvCasting" 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"] socials: Hotel["socialMedia"]
ecoLabels: Hotel["hotelFacts"]["ecoLabels"] ecoLabels: Hotel["hotelFacts"]["ecoLabels"]
descriptions: Hotel["hotelContent"]["texts"]["descriptions"] 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< export type ContactInformationProps = Omit<
AboutTheHotelSidePeekProps, AboutTheHotelSidePeekProps,
"descriptions" "descriptions" | "buttonUrl"
> >