Feature/krr default verdier

apps/dolly-frontend/src/main/js/src/components/fagsystem/krrstub/form/KrrForm.tsx

@@ -14,6 +14,8 @@ import { useKodeverk } from '@/utils/hooks/useKodeverk'
 import { AdresseKodeverk } from '@/config/kodeverk'
 import { useFormContext } from 'react-hook-form'
 import { KrrValidation } from '@/components/fagsystem/krrstub/form/KrrValidation'
+import { useBoolean } from 'react-use'
+import StyledAlert from '@/components/ui/alert/StyledAlert'
 
 type Change = {
 	value: boolean
@@ -26,6 +28,7 @@ export const KrrstubForm = () => {
 	const { kodeverk: landkoder, loading } = useKodeverk(AdresseKodeverk.ArbeidOgInntektLand)
 	const [land, setLand] = useState(formMethods.watch('krrstub.land'))
 	const [mobilnummer, setMobilnummer] = useState(formMethods.watch('values.krrstub.mobil') || '')
+	const [showInfoStripe, setShowInfoStripe] = useBoolean(false)
 	const leverandoerer = SelectOptionsOppslag.hentKrrLeverandoerer()
 
 	const mergedeLandkoder = landkoder?.map((landkode: Option) => {
@@ -62,6 +65,16 @@ export const KrrstubForm = () => {
 		}
 		formMethods.trigger('krrstub')
 	}
+
+	const handleReservertChange = (option: Option) => {
+		setShowInfoStripe(option?.value === true)
+		formMethods.setValue('krrstub.reservert', option?.value)
+		if (option?.value === true && !formMethods.watch('krrstub.epost')) {
+			formMethods.setValue('krrstub.epost', '[email protected]')
+		}
+		formMethods.trigger('krrstub')
+	}
+
 	return (
 		//@ts-ignore
 		<Vis attributt={krrAttributt}>
@@ -71,6 +84,12 @@ export const KrrstubForm = () => {
 				iconType="krr"
 				startOpen={erForsteEllerTest(formMethods.getValues(), [krrAttributt])}
 			>
+				{showInfoStripe && (
+					<StyledAlert variant={'info'} size={'small'}>
+						E-post blir automatisk lagt til dersom identen er reservert slik at den får digital
+						kontaktinformasjon i KRR.
+					</StyledAlert>
+				)}
 				<div className="flexbox--flex-wrap">
 					<DollySelect
 						name="krrstub.registrert"
@@ -85,6 +104,7 @@ export const KrrstubForm = () => {
 							<FormSelect
 								name="krrstub.reservert"
 								label="Reservert"
+								onChange={handleReservertChange}
 								options={Options('boolean')}
 							/>
 							<FormTextInput name="krrstub.epost" label="E-post" />

apps/dolly-frontend/src/main/js/src/components/ui/toast/Toast.tsx → apps/dolly-frontend/src/main/js/src/components/ui/toast/ErrorToast.tsx

@@ -5,7 +5,7 @@ type Props = {
 	applicationError: string
 }
 
-export const Toast = ({ applicationError }: Props) => {
+export const ErrorToast = ({ applicationError }: Props) => {
 	const feilmelding = applicationError?.replace?.(/\?\S*/, '')
 
 	toast.error(feilmelding, {

apps/dolly-frontend/src/main/js/src/components/ui/toast/InfoToast.tsx

@@ -0,0 +1,21 @@
+import { toast, ToastContainer } from 'react-toastify'
+import 'react-toastify/dist/ReactToastify.css'
+
+type Props = {
+	infoTekst: string
+	onClose: () => void
+}
+
+export const InfoToast = ({ infoTekst, onClose }: Props) => {
+	toast.info(infoTekst, {
+		position: 'bottom-right',
+		toastId: 'info-toast',
+		autoClose: 10000,
+		closeOnClick: true,
+		pauseOnHover: true,
+		draggable: true,
+		onClose: () => onClose(),
+	})
+
+	return <ToastContainer theme={'light'} />
+}

apps/dolly-frontend/src/main/js/src/components/ui/toast/ToastConnector.tsx

@@ -1,6 +1,6 @@
 import { connect } from 'react-redux'
 import { applicationErrorSelector, clearAllErrors } from '@/ducks/errors'
-import { Toast } from '@/components/ui/toast/Toast'
+import { ErrorToast } from '@/components/ui/toast/ErrorToast'
 import { Dispatch } from 'redux'
 
 const mapStateToProps = (state: {}) => ({
@@ -11,4 +11,4 @@ const mapDispatchToProps = (dispatch: Dispatch) => ({
 	clearAllErrors: () => dispatch(clearAllErrors()),
 })
 
-export default connect(mapStateToProps, mapDispatchToProps)(Toast)
+export default connect(mapStateToProps, mapDispatchToProps)(ErrorToast)

apps/dolly-frontend/src/main/js/src/components/ui/toast/__tests__/Toast.test.tsx

@@ -1,5 +1,5 @@
 import { shallow } from 'enzyme'
-import Toast from '../Toast'
+import Toast from '../ErrorToast'
 import { ToastContainer } from 'react-toastify'
 
 describe('Toast.tsx', () => {