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

Merged in chore/BOOK-739-replace-caption (pull request #3428)

Browse Source 
chore(BOOK-739): replace caption with typography

* chore(BOOK-739): replace caption with typography

* chore(BOOK-739): refactor div

* chore(BOOK-739): refactor badge

* chore(BOOK-739): remove span

* chore(BOOK-739): skeleton update

* chore(BOOK-739): update

* chore(BOOK-739): update reward

* chore(BOOK-739): update voucher currency


Approved-by: Erik Tiekstra
This commit is contained in:
Bianca Widstam
2026-01-14 09:33:27 +00:00
parent d284e82828
commit d9ec1b1f2d
53 changed files with 465 additions and 673 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
apps/scandic-web/components/Blocks/DynamicContent/JobylonFeed/JobylonCard/index.tsx
View File

@@ -3,7 +3,6 @@
import { useIntl } from "react-intl"
import { dt } from "@scandic-hotels/common/dt"
import Caption from "@scandic-hotels/design-system/Caption"
import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
import { Typography } from "@scandic-hotels/design-system/Typography"
@@ -41,15 +40,18 @@ export default function JobylonCard({ job }: JobylonCardProps) {
</Typography>
<div className={styles.contentWrapper}>
<div>
<Caption>{job.categories.map((cat) => cat.text).join(", ")}</Caption>
<Caption>
{job.locations
.map((loc) => `${loc.city}, ${loc.country}`)
.join(" | ")}
</Caption>
<Caption color="uiTextPlaceholder">{deadlineText}</Caption>
</div>
<Typography variant="Body/Supporting text (caption)/smRegular">
<div>
<p>{job.categories.map((cat) => cat.text).join(", ")}</p>
<p>
{job.locations
.map((loc) => `${loc.city}, ${loc.country}`)
.join(" | ")}
</p>
<p className={styles.deadline}>{deadlineText}</p>
</div>
</Typography>
<Button
theme="base"
size="small"

4
apps/scandic-web/components/Blocks/DynamicContent/JobylonFeed/JobylonCard/jobylonCard.module.css
View File

@@ -7,6 +7,10 @@
border-radius: var(--Corner-radius-md);
}
.deadline {
color: var(--Text-Secondary);
}
.contentWrapper {
display: grid;
gap: var(--Space-x1);