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

feat(SW-889): design changes

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-12-04 13:35:57 +01:00
parent f40089daea
commit a4db92a093
3 changed files with 8 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
components/Sidebar/index.tsx
View File

@@ -19,10 +19,7 @@ export default function Sidebar({ blocks }: SidebarProps) {
switch (block.typename) { switch (block.typename) {
case SidebarEnums.blocks.Content: case SidebarEnums.blocks.Content:
return ( return (
<section <section key={`${block.typename}-${idx}`}>
className={styles.content}
key={`${block.typename}-${idx}`}
>
<JsonToHtml <JsonToHtml
embeds={block.content.embedded_itemsConnection.edges} embeds={block.content.embedded_itemsConnection.edges}
nodes={block.content.json.children} nodes={block.content.json.children}

19
components/TempDesignSystem/TeaserCard/Sidepeek/index.tsx
View File

@@ -2,7 +2,7 @@
import { useState } from "react" import { useState } from "react"
import { ChevronRightIcon } from "@/components/Icons" import { ChevronRightSmallIcon } from "@/components/Icons"
import JsonToHtml from "@/components/JsonToHtml" import JsonToHtml from "@/components/JsonToHtml"
import Button from "@/components/TempDesignSystem/Button" import Button from "@/components/TempDesignSystem/Button"
@@ -31,7 +31,7 @@ export default function TeaserCardSidepeek({
wrapping wrapping
> >
{button.call_to_action_text} {button.call_to_action_text}
<ChevronRightIcon height={20} width={20} /> <ChevronRightSmallIcon />
</Button> </Button>
<SidePeek <SidePeek
title={heading} title={heading}
@@ -44,13 +44,7 @@ export default function TeaserCardSidepeek({
/> />
<div className={styles.ctaContainer}> <div className={styles.ctaContainer}>
{primary_button && ( {primary_button && (
<Button <Button asChild theme="base" intent="primary" size="small">
asChild
theme="base"
intent="primary"
size="small"
className={styles.ctaButton}
>
<Link <Link
href={primary_button.href} href={primary_button.href}
target={primary_button.openInNewTab ? "_blank" : undefined} target={primary_button.openInNewTab ? "_blank" : undefined}
@@ -61,12 +55,7 @@ export default function TeaserCardSidepeek({
</Button> </Button>
)} )}
{secondary_button && ( {secondary_button && (
<Button <Button asChild intent="secondary" size="small">
asChild
intent="secondary"
size="small"
className={styles.ctaButton}
>
<Link <Link
href={secondary_button.href} href={secondary_button.href}
target={secondary_button.openInNewTab ? "_blank" : undefined} target={secondary_button.openInNewTab ? "_blank" : undefined}

6
components/TempDesignSystem/TeaserCard/index.tsx
View File

@@ -41,9 +41,7 @@ export default function TeaserCard({
<Subtitle textAlign="left" type="two" color="black"> <Subtitle textAlign="left" type="two" color="black">
{title} {title}
</Subtitle> </Subtitle>
<Body color="black" className={styles.body}> <Body color="black">{description}</Body>
{description}
</Body>
{sidePeekButton && sidePeekContent ? ( {sidePeekButton && sidePeekContent ? (
<TeaserCardSidepeek <TeaserCardSidepeek
button={sidePeekButton} button={sidePeekButton}
@@ -77,6 +75,8 @@ export default function TeaserCard({
<Link <Link
href={secondaryButton.href} href={secondaryButton.href}
target={secondaryButton.openInNewTab ? "_blank" : undefined} target={secondaryButton.openInNewTab ? "_blank" : undefined}
color="burgundy"
weight="bold"
> >
{secondaryButton.title} {secondaryButton.title}
</Link> </Link>