sidski/helse-sprik
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'main' into fiksKommentar

Browse source
This commit is contained in:
Markus A. R. Johansen 2023-08-03 12:42:31 +02:00 • committed by GitHub
commit ff9f9a002e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 27 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/components/FeilmeldingsInnhold.tsx
View file

@ -6,7 +6,6 @@ import { useState } from "react"
import Skillelinje from "./Skillelinje" import Skillelinje from "./Skillelinje"
import axios from "axios" import axios from "axios"
const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => { const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
const [kommentar, setKommentar] = useState(props.kommentar ? props.kommentar : "") const [kommentar, setKommentar] = useState(props.kommentar ? props.kommentar : "")
const [kommentarfelt, setKommentarfelt] = useState("") const [kommentarfelt, setKommentarfelt] = useState("")
@ -35,7 +34,7 @@ const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
} }
return( return(
<div> <>
<div className="flex justify-between "> <div className="flex justify-between ">
<FeilkortHeader <FeilkortHeader
id={props.id} id={props.id}
@ -71,14 +70,15 @@ const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
setKommentarfelt={setKommentarfelt} setKommentarfelt={setKommentarfelt}
oppdaterKommentar={() => { oppdaterKommentar={() => {
setKommentar(kommentarfelt) setKommentar(kommentarfelt)
oppdaterkommentar()}} oppdaterkommentar()}
}
/> />
: :
<Kommentar <Kommentar
tekst={kommentar} tekst={kommentar}
/> />
} }
</div> </>
) )
} }
export default FeilmeldingsInnhold; export default FeilmeldingsInnhold;

12
frontend/src/components/RedigeringsVerktoy.tsx
View file

@ -42,8 +42,12 @@ const RedigeringsVerktoy = (props: redigeringsInterface) => {
} }
return ( return (
<div className="flex justify-between"> <div className="flex flex-col gap-12 items-center px-12">
<div className="flex flex-col gap-4 w-1/2">
<div className="flex flex-col gap-6 w-full">
<Heading className="" size="large">
Rediger feil
</Heading>
<TextField <TextField
label="Tittel" label="Tittel"
value={tittel} value={tittel}
@ -65,6 +69,7 @@ const RedigeringsVerktoy = (props: redigeringsInterface) => {
<Radio value={2}>Feilen er fikset</Radio> <Radio value={2}>Feilen er fikset</Radio>
</RadioGroup> </RadioGroup>
<Skillelinje/> <Skillelinje/>
<div>
<Heading size="xsmall"> <Heading size="xsmall">
Haster det å fikse feilen? Haster det å fikse feilen?
</Heading> </Heading>
@ -72,7 +77,8 @@ const RedigeringsVerktoy = (props: redigeringsInterface) => {
Feilen haster Feilen haster
</Switch> </Switch>
</div> </div>
<div className="flex gap-4 items-start"> </div>
<div className="flex gap-4 items-start w-full">
<Button <Button
variant="primary" variant="primary"
icon={<FloppydiskIcon/>} icon={<FloppydiskIcon/>}

2
frontend/src/components/Skillelinje.tsx
View file

@ -2,7 +2,7 @@
const Skillelinje = () => { const Skillelinje = () => {
return ( return (
<div className="h-1 bg-gray-200 my-4 rounded-lg w-full"></div> <div className="h-1 bg-gray-200 my-3 rounded-lg w-full"></div>
) )
} }
export default Skillelinje export default Skillelinje

7
frontend/src/pages/feil.tsx
View file

@ -63,7 +63,7 @@ export default function Feil() {
<Header/> <Header/>
<div className="flex grow"> <div className="flex grow">
<div className="w-1/4 bg-bg-subtle"></div> <div className="w-1/4 bg-bg-subtle"></div>
<div className="flex flex-col justify-center gap-16 p-8 px-16 grow"> <div className="flex flex-col justify-center gap-8 p-8 px-16 grow">
<div className=" flex flex-col gap-2 justify-center"> <div className=" flex flex-col gap-2 justify-center">
<BugIcon <BugIcon
title="Insekts ikon" title="Insekts ikon"
@ -88,12 +88,15 @@ export default function Feil() {
/> />
<Skillelinje/> <Skillelinje/>
<BildeOpplastning/> <BildeOpplastning/>
<Skillelinje/>
<Heading size="xsmall">
Haster det å fikse feilen?
</Heading>
<Switch <Switch
onClick={() => setHaster(!haster)} onClick={() => setHaster(!haster)}
> >
Saken Haster Saken Haster
</Switch> </Switch>
<Skillelinje/>
</div> </div>