💚 Backend henter frontend fra dist
Co-authored-by: Øydis Kind Refsum <oydis.kind.refsum@nav.no> Co-authored-by: Christian Bulow Skovborg <christian.bulow.skovborg@nav.no> Co-authored-by: Amalie Mansåker <amalie.erdal.mansaker@nav.no> Co-authored-by: Sindre Kjelsrud <sindre.kjelsrud@nav.no>
This commit is contained in:
parent
177d6c7cd8
commit
1805256e3c
10 changed files with 1283 additions and 33 deletions
38
frontend/src/components/FeilCard.tsx
Normal file
38
frontend/src/components/FeilCard.tsx
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
import "@navikt/ds-css";
|
||||
import { ExpansionCard, Tag } from "@navikt/ds-react";
|
||||
|
||||
interface feilmeldingInterface {
|
||||
tittel: String,
|
||||
beskrivelse: String
|
||||
}
|
||||
|
||||
const TagBar = () => {
|
||||
return (
|
||||
<div className="flex gap-8 mt-4">
|
||||
<Tag variant="info">Jobbes med</Tag>
|
||||
<div className="flex gap-2">
|
||||
<Tag variant="neutral">Spleiselaget</Tag>
|
||||
<Tag variant="warning">Haster</Tag>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
const FeilCard = (props: feilmeldingInterface) => {
|
||||
return (
|
||||
<ExpansionCard aria-label="tekst">
|
||||
<ExpansionCard.Header>
|
||||
<ExpansionCard.Title>{props.tittel}</ExpansionCard.Title>
|
||||
<ExpansionCard.Description>
|
||||
{props.beskrivelse}
|
||||
</ExpansionCard.Description>
|
||||
<TagBar />
|
||||
</ExpansionCard.Header>
|
||||
<ExpansionCard.Content>
|
||||
Hællæ
|
||||
</ExpansionCard.Content>
|
||||
</ExpansionCard>
|
||||
)
|
||||
}
|
||||
|
||||
export default FeilCard;
|
||||
Reference in a new issue