betagouv
/
mon-entreprise
mirror of https://github.com/betagouv/mon-entreprise
1
0
Fork 0
Code Releases Activity

fix: Card

pull/2573/head
Benjamin Arias 2023-03-15 11:15:35 +01:00 committed by Jérémy Rialland
parent 782d95548a
commit 57ace21e80
2 changed files with 15 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
site/source/design-system/card/Card.tsx
View File

@ -53,12 +53,7 @@ export function Card({
delete buttonOrLinkProps.title
return (
<CardContainer
$compact={compact}
{...buttonOrLinkProps}
role={role || buttonOrLinkProps?.role}
tabIndex={0}
>
<CardContainer $compact={compact}>
{icon && <IconContainer>{icon}</IconContainer>}
{title &&
(compact ? (
@ -76,7 +71,13 @@ export function Card({
<Body as={bodyAs}>{children}</Body>
</div>
{ctaLabel && (
<CardButton $size="XS" $light $color="primary" as="div">
<CardButton
$size="XS"
$light
$color="primary"
{...buttonOrLinkProps}
role={role || buttonOrLinkProps?.role}
>
{ctaLabel}
{linkProps.external && <NewWindowLinkIcon />}
</CardButton>
@ -133,7 +134,6 @@ export const CardContainer = styled.div<{
width: 100%;
height: 100%;
text-decoration: none;
cursor: ${({ $inert }) => ($inert ? 'auto' : 'pointer')};
flex-direction: column;
align-items: center;
border: solid 1px ${({ theme }) => theme.colors.extended.grey[300]};
@ -148,11 +148,6 @@ export const CardContainer = styled.div<{
box-shadow: ${({ theme, $inert }) =>
!$inert &&
(theme.darkMode ? theme.elevationsDarkMode[3] : theme.elevations[3])};
background-color: ${({ theme, $inert }) =>
!$inert &&
(theme.darkMode
? theme.colors.extended.dark[500]
: theme.colors.bases.primary[100])};
}
padding: ${({ theme: { spacings }, $compact = false }) =>
$compact

18
site/source/pages/simulateurs-et-assistants/index.tsx
View File

@ -232,6 +232,11 @@ export function SimulateurCard({
const isIframe = useIsEmbedded()
const { t } = useTranslation()
const ctaLabel =
pathId.startsWith('assistants') || pathId.startsWith('gérer')
? t('pages.simulateurs.home.cta.assistant', "Lancer l'assistant")
: t('pages.simulateurs.home.cta.simulateur', 'Lancer le simulateur')
return (
<>
{small ? (
@ -270,17 +275,8 @@ export function SimulateurCard({
</>
}
icon={<Emoji emoji={icône} />}
ctaLabel={
pathId.startsWith('assistants') || pathId.startsWith('gérer')
? t(
'pages.simulateurs.home.cta.assistant',
"Lancer l'assistant"
)
: t(
'pages.simulateurs.home.cta.simulateur',
'Lancer le simulateur'
)
}
ctaLabel={ctaLabel}
aria-label={`${shortName}, ${ctaLabel}`}
to={{
pathname:
(isIframe && `/iframes/${encodeURI(iframePath ?? '')}`) || path,