-
Notifications
You must be signed in to change notification settings - Fork 9
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Sykmelding bistand duplikat #1619
Conversation
280f8bb
to
04ac879
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Koden ser fin ut, men mulig det blir noe styling-endringer her (f.eks. flytte Tag), ref diskusjon på Slack.
Forsøkt meg med en oppdatering nå. |
<Heading size="medium" level="2"> | ||
{texts.header} | ||
</Heading> | ||
<Tag variant="warning-moderate">Mulig duplikat</Tag> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Kan evnt bytte ut med en "blekere" variant ved å bruke "warning".
<div className={"flex flex-row justify-between"}> | ||
<Heading size="medium" level="2"> | ||
{texts.header} | ||
</Heading> | ||
<Tag variant="warning-moderate">Mulig duplikat</Tag> | ||
<HelpText | ||
placement="left" | ||
title="Informasjon fra felter i sykmeldingen fra behandler" | ||
> | ||
{texts.helptextDuplicate} | ||
</HelpText> | ||
</div> | ||
) : ( | ||
<div className={"flex flex-row justify-between"}> | ||
<Heading size="medium" level="2"> | ||
{texts.header} | ||
</Heading> | ||
<HelpText | ||
title="Informasjon fra felter i sykmeldingen fra behandler" | ||
placement="left" | ||
> | ||
{texts.helptext} | ||
</HelpText> | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Tror du kan forenkle ved å flytte sjekkene for duplikat "inn" akkurat der de trengs, på denne måten:
<div className={"flex flex-row justify-between"}>
<Heading size="medium" level="2">
{texts.header}
</Heading>
<div className="flex gap-2 items-center">
{!!oppgave.duplikatReferanseUuid && (
<Tag variant="warning-moderate">Mulig duplikat</Tag>
)}
<HelpText
placement="bottom"
title="Se mer informasjon om bistandsbehovet"
>
{!!oppgave.duplikatReferanseUuid
? texts.helptextDuplicate
: texts.helptext}
</HelpText>
</div>
</div>
Ved å wrappe Tag og HelpText i en egen div,
kan du plassere de begge helt i hjørnet pga justify-between
på parent-diven. Og så innenfor den diven legge på avstand mellom de. Og så endret jeg placement="bottom"
sånn at de ikke kræsjer. Endra også title
på HelpText som Peter reagerte på i tråden.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Fikset nå (tror jeg)
d6732e7
to
4170ad4
Compare
Har vi forresten en test på den |
La til en test 🤓 |
* IS-2999-3: Be om oppfolgingsplan design finpuss * Sykmelding bistand duplikat (#1619) * IS-2999-3: Be om oppfolgingsplan design --------- Co-authored-by: Geir Arne Waagbø <[email protected]>
Hva har blitt lagt til✨🌈
Markerer behandler-ber-om-bistand-oppgaver fra sykmeldinger som duplikate hvis samme tekst har kommet i en tidligere sykmelding.
Screenshots 📸✨