)}
diff --git a/src/common/footer/Footer.tsx b/src/common/footer/Footer.tsx
index ded4ca07d..b39bcd222 100644
--- a/src/common/footer/Footer.tsx
+++ b/src/common/footer/Footer.tsx
@@ -12,14 +12,24 @@ const Footer = () => {
const createAriaLabel = (title: string) => {
const titleWithoutLastDot =
- title.slice(-1) === '.' ? title.substr(0, title.length - 1) : title;
+ title.slice(-1) === '.' ? title.substring(0, title.length - 1) : title;
return t('opensInNewWindow', {
title: titleWithoutLastDot,
});
};
+ const whiteColor = 'var(--color-white)';
+
return (
-
+ {
switch (langCode) {
case 'fi':
- return 'Suomeksi';
+ return 'Suomi';
case 'sv':
- return 'På svenska';
+ return 'Svenska';
case 'en':
- return 'In English';
+ return 'English';
default:
- return 'Suomeksi';
+ return 'Suomi';
}
};
@@ -87,8 +87,10 @@ function Header(): React.ReactElement {
titleHref={myProfilePath}
logo={}
frontPageLabel={t('nav.goToHomePage')}
+ onMenuClick={e => e.stopPropagation()}
>
+
{!!getProfile() && isProfilePagePath && (
diff --git a/src/common/header/userDropdown/UserDropdown.tsx b/src/common/header/userDropdown/UserDropdown.tsx
index e8e8564e2..0b5c68709 100644
--- a/src/common/header/userDropdown/UserDropdown.tsx
+++ b/src/common/header/userDropdown/UserDropdown.tsx
@@ -56,15 +56,16 @@ const UserDropdown = () => {
ariaLabel,
};
};
- const { label, userName, onClick } = getUserDataWithActions();
+ const { label, onClick } = getUserDataWithActions();
return (
}
- closeLabel={t('notification.closeButtonText')}
- closeIcon={}
+ closeLabel={t('nav.close')}
+ preventButtonResize
>
& { variant?: Variant }
-): React.ReactElement {
- const { className, variant } = props;
- const classList = className ? [className] : [];
- if (variant === 'transparent') {
- classList.push(styles['hel-fi-styled-button-transparent']);
- } else if (variant === 'secondary') {
- classList.push(styles['hel-fi-styled-button-secondary']);
- } else {
- classList.push(styles['hel-fi-styled-button-primary']);
- }
- const buttonProps = {
- ...props,
- variant: variant === 'transparent' ? 'supplementary' : variant,
- };
- return (
-
- );
-}
-
-export default StyledButton;
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 8e6035947..e3aeab912 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -25,7 +25,10 @@
"removePhone": "Remove phone number?",
"removeAddress": "Remove address?",
"saveMessage": "The information you have changed is immediately available to the following City of Helsinki services:",
- "saveTitle": "Do you want to save your changes?"
+ "saveTitle": "Do you want to save your changes?",
+ "idleWarning": "The session is about to expire. To prevent an automatic logout, select Continue",
+ "idleWarningTitle": "You will be logged out soon",
+ "continue": "Continue"
},
"createProfile": {
"heading": "Fill in your details to create a profile",
@@ -48,10 +51,11 @@
"title": "Are you sure you want to delete your information?",
"notAllowed": "You cannot delete your profile because one of the services using it needs your information, for example, for invoicing.",
"deletionErrorTitle": "The deletion failed!",
+ "genericError": "The profile could not be deleted. Please try again later.",
"deleteServiceFromPage": "You can delete the data from these services via the {{linkToServicesText}} page.",
"unableToDeleteServices": "We cannot delete data from these services, for example due to the transaction status or storage time.",
"contactServiceToDelete": "If you still want to delete the data, please contact the service directly and then retry deleting the profile.",
- "urlToServiceList": "https://www.hel.fi/helsinki/en/administration/administration/services"
+ "urlToServiceList": "https://www.hel.fi/search/services"
},
"downloadData": {
"button": "Download my information",
@@ -67,12 +71,12 @@
"accessibility": "Accessibility document",
"copyright": "Copyright {{year}}",
"feedback": "Give feedback",
- "feedbackLink": "https://www.hel.fi/helsinki/en/administration/participate/feedback",
+ "feedbackLink": "https://palautteet.hel.fi/en/",
"privacy": "Privacy policy",
"reserveRights": "All rights reserved",
"contactUs": "Contact us",
- "contactUsLink": "https://hel.fi/helsinki/en/administration/participate/contact",
- "backToTop": "Back to the top"
+ "contactUsLink": "https://www.hel.fi/en/decision-making/contact-the-city-of-helsinki",
+ "backToTop": "Back to top"
},
"helsinkiLogo": "Helsinki logo",
"landmarks": {
@@ -100,7 +104,8 @@
"signin": "Log in",
"signout": "Sign out",
"titleAriaLabel": "Go to homepage of the Profile",
- "goToHomePage": "Go to homepage"
+ "goToHomePage": "Go to homepage",
+ "close": "Close"
},
"notification": {
"closeButtonText": "Close",
@@ -154,9 +159,9 @@
"remove": "Remove",
"setPrimary": "Set as primary",
"submit": "Save",
- "termsLabel": "I have read the service's file description and the city's data protection principles",
- "terms": "Read file description and city's data protection principles",
- "termsDataProtectionLink": "https://www.hel.fi/helsinki/en/administration/information/data-protection",
+ "termsLabel": "I have read the service's data protection notice and the city's data protection principles",
+ "terms": "Read the data protection notice in Finnish and city's data protection principles",
+ "termsDataProtectionLink": "https://www.hel.fi/en/decision-making/information-on-helsinki/data-protection-and-information-management/data-protection",
"termsFileDescriptionLink": "https://www.hel.fi/static/liitteet-2019/Kaupunginkanslia/Rekisteriselosteet/Keha/Sahkoisten%20asiointipalveluiden%20rekisteri.pdf",
"nationalIdentificationNumber": "Personal identity code",
"municipalityOfResidence": "Municipality of residence",
@@ -175,8 +180,6 @@
"ariaShowOptions": "Show options",
"ariaSelectedOption": "{{value}} is selected",
"ariaNoSelectedItemForLabel": "{{label}} is not selected",
- "contact": "Contact",
- "contactInformation": "My contact information",
"deleteProfile": "Delete your profile",
"description": "The data stored in the Helsinki profile is used in the City of Helsinki’s e-services. You can find more detailed information on the {{linkToServicesText}} page.",
"downloadData": "Download your data",
@@ -207,9 +210,12 @@
"noAddress": "You have not entered an address",
"noEmail": "You have not entered an email address.",
"verifyEmailText": "We have sent a verification email to the email address you have entered. If you did not receive the verification email, please check your junk mail folder.",
- "verifyEmailTitle": "Verify email"
+ "verifyEmailTitle": "Verify email",
+ "contact": "Contact",
+ "emailInUse": "The email address you entered is already in use.",
+ "contactInformation": "My contact information"
},
- "sanityCheck": "open-city-profile.en",
+ "sanityCheck": "https://profiili.hel.fi/login",
"serviceConnections": {
"clock": "at",
"created": "Created:",
@@ -254,6 +260,7 @@
"pageNotFoundText": "Check the spelling of the URL (upper and lower case letters and punctuation marks). Or click the Back button on your browser to return to the previous page. You can also go to the front page via the link below.",
"cookies": {
"pageName": "Cookie settings",
+ "loginCookieDescription": "Required to persist the authentication session.",
"securityCookieDescription": "A security control",
"loadBalancerCookieName": "A random 32-character long string",
"loadBalancerCookieDescription": "Technical routing of requests.",
@@ -261,8 +268,10 @@
"sessionExpiration": "Session",
"daysPlural": "days",
"minutesPlural": "minutes",
+ "languageGroupTitle": "Language settings",
+ "languageGroupText": "Language cookies store the language selections by the user to remember the preferred language.",
"mainText": "This website uses required cookies to ensure the basic functionality and performance. In addition, we use targeting cookies to perform analytics.",
"trackingCookieDescription": "This cookie is used to store a few details about the user such as the unique visitor ID.",
"consentStorageDescription": "Cookie stores consent for using analytics cookies."
}
-}
+}
\ No newline at end of file
diff --git a/src/i18n/fi.json b/src/i18n/fi.json
index aedea877b..53b249d7d 100644
--- a/src/i18n/fi.json
+++ b/src/i18n/fi.json
@@ -25,7 +25,10 @@
"removePhone": "Poistetaanko puhelinnumero?",
"removeAddress": "Poistetaanko osoite?",
"saveMessage": "Muuttamasi tiedot ovat heti käytössä seuraavissa Helsingin kaupungin palveluissa:",
- "saveTitle": "Haluatko tallentaa tekemäsi muutokset?"
+ "saveTitle": "Haluatko tallentaa tekemäsi muutokset?",
+ "idleWarning": "Sessio on vanhentumassa, jos haluat jatkaa niin klikkaa jatka, muuten sinut kirjataan ulos",
+ "idleWarningTitle": "Sinut kirjataan pian ulos",
+ "continue": "Jatka"
},
"createProfile": {
"heading": "Täydennä tietosi luodaksesi profiili",
@@ -48,10 +51,11 @@
"title": "Haluatko varmasti poistaa kaikki tietosi?",
"notAllowed": "Et voi poistaa profiiliasi, koska jokin sitä käyttävistä palveluista tarvitsee tietojasi esimerkiksi laskutukseen.",
"deletionErrorTitle": "Poisto epäonnistui!",
+ "genericError": "Profiilin poistaminen ei onnistunut. Yritä myöhemmin uudelleen.",
"deleteServiceFromPage": "Voit poistaa tiedot näistä palveluista {{linkToServicesText}} -sivulta.",
"unableToDeleteServices": "Emme voi poistaa tietoja näistä palveluista esimerkiksi asioinnin tilan tai säilytysajan vuoksi.",
"contactServiceToDelete": "Jos haluat silti poistaa tiedot, ole suoraan yhteydessä kyseiseen palveluun ja yritä profiilin poistoa sen jälkeen uudestaan.",
- "urlToServiceList": "https://www.hel.fi/helsinki/fi/kaupunki-ja-hallinto/hallinto/palvelut"
+ "urlToServiceList": "https://www.hel.fi/search/services"
},
"downloadData": {
"button": "Lataa omat tiedot",
@@ -67,11 +71,11 @@
"accessibility": "Saavutettavuusseloste",
"copyright": "Tekijänoikeus {{year}}",
"feedback": "Anna palautetta",
- "feedbackLink": "https://www.hel.fi/helsinki/fi/kaupunki-ja-hallinto/osallistu-ja-vaikuta/palaute/anna-palautetta",
- "privacy": "Rekisteriseloste",
+ "feedbackLink": "https://palautteet.hel.fi/fi/",
+ "privacy": "Tietosuojaseloste",
"reserveRights": "Kaikki oikeudet pidätetään",
"contactUs": "Ota yhteyttä",
- "contactUsLink": "https://hel.fi/helsinki/fi/kaupunki-ja-hallinto/osallistu-ja-vaikuta/ota-yhteytta/ota-yhteytta",
+ "contactUsLink": "https://www.hel.fi/fi/paatoksenteko-ja-hallinto/ota-yhteytta-helsingin-kaupunkiin",
"backToTop": "Sivun alkuun"
},
"helsinkiLogo": "Helsinki-logo",
@@ -100,7 +104,8 @@
"signin": "Kirjaudu sisään",
"signout": "Kirjaudu ulos",
"titleAriaLabel": "Siirry Profiilin etusivulle",
- "goToHomePage": "Etusivulle"
+ "goToHomePage": "Etusivulle",
+ "close": "Sulje"
},
"notification": {
"closeButtonText": "Sulje",
@@ -154,9 +159,9 @@
"remove": "Poista",
"setPrimary": "Aseta ensisijaiseksi",
"submit": "Tallenna",
- "termsLabel": "Olen tutustunut palvelun rekisteriselosteeseen ja kaupungin tietosuojakäytäntöön",
- "terms": "Lue palvelun rekisteriseloste ja kaupungin tietosuojakäytännöt",
- "termsDataProtectionLink": "https://www.hel.fi/helsinki/fi/kaupunki-ja-hallinto/tietoa-helsingista/tietosuoja/",
+ "termsLabel": "Olen tutustunut palvelun tietosuojaselosteeseen ja kaupungin tietosuojakäytäntöön",
+ "terms": "Lue palvelun tietosuojaseloste ja kaupungin tietosuojakäytännöt",
+ "termsDataProtectionLink": "https://www.hel.fi/fi/paatoksenteko-ja-hallinto/tietoa-helsingista/tietosuoja-ja-tiedonhallinta/tietosuoja",
"termsFileDescriptionLink": "https://www.hel.fi/static/liitteet-2019/Kaupunginkanslia/Rekisteriselosteet/Keha/Sahkoisten%20asiointipalveluiden%20rekisteri.pdf",
"nationalIdentificationNumber": "Henkilötunnus",
"municipalityOfResidence": "Kotikunta",
@@ -175,8 +180,6 @@
"ariaShowOptions": "Näytä vaihtoehdot",
"ariaSelectedOption": "{{value}} on valittu",
"ariaNoSelectedItemForLabel": "{{label}} ei ole valittuna",
- "contact": "Yhteystiedot",
- "contactInformation": "Omat yhteystiedot",
"deleteProfile": "Poista omat tietosi",
"description": "Helsinki-profiiliin tallennettuja tietoja käytetään Helsingin kaupungin asiointipalveluissa. Tarkemmat tiedot löydät {{linkToServicesText}} sivulta.",
"downloadData": "Lataa omat tietosi",
@@ -207,9 +210,12 @@
"noAddress": "Et ole antanut osoitetta",
"noEmail": "Et ole antanut sähköpostiosoitetta",
"verifyEmailText": "Olemme lähettäneet lisäämääsi sähköpostiosoitteeseen vahvistusviestin. Jos et saanut viestiä, tarkasta myös sähköpostin roskapostikansio.",
- "verifyEmailTitle": "Vahvista sähköpostiosoite"
+ "verifyEmailTitle": "Vahvista sähköpostiosoite",
+ "contact": "Yhteystiedot",
+ "emailInUse": "Antamasi sähköpostiosoite on jo käytössä.",
+ "contactInformation": "Omat yhteystiedot"
},
- "sanityCheck": "open-city-profile.fi",
+ "sanityCheck": "https://profiili.hel.fi/login",
"serviceConnections": {
"clock": "klo",
"created": "Luotu:",
@@ -254,6 +260,7 @@
"pageNotFoundText": "Tarkista URL-osoitteen oikeinkirjoitus (tarkista isot ja pienet kirjaimet sekä välimerkit). Tai palaa edelliselle sivulle napsauttamalla selaimen Edellinen-painiketta. Voit mennä myös etusivulle alla olevasta linkistä.",
"cookies": {
"pageName": "Evästeasetukset",
+ "loginCookieDescription": "Tunnistautumisistunnon säilymiseksi vaadittu eväste.",
"securityCookieDescription": "Tietoturvakontrolli",
"loadBalancerCookieName": "Satunnainen 32 merkin pituinen merkkijono",
"loadBalancerCookieDescription": "Verkkoliikenteen tekninen reititys.",
@@ -261,8 +268,10 @@
"sessionExpiration": "Istunto",
"daysPlural": "päivää",
"minutesPlural": "minuuttia",
+ "languageGroupTitle": "Kielivalinnat",
+ "languageGroupText": "Kielievästeisiin tallennetaan käyttäjän tekemät kielivalinnat, jotta valittu kieli säilyisi.",
"mainText": "Tämä sivusto käyttää välttämättömiä evästeitä sivun perustoimintojen ja suorituskyvyn varmistamiseksi. Lisäksi käytämme kohdennusevästeitä analytiikkaa varten.",
"trackingCookieDescription": "Eväste kerää tietoa kävijän liikkeistä sivustolla.",
"consentStorageDescription": "Evästeeseen tallennetaan suostumus tilastointievästeisiin."
}
-}
+}
\ No newline at end of file
diff --git a/src/i18n/sv.json b/src/i18n/sv.json
index 483131a53..ef48b333b 100644
--- a/src/i18n/sv.json
+++ b/src/i18n/sv.json
@@ -25,7 +25,10 @@
"removePhone": "Ta bort telefonnummer?",
"removeAddress": "Ta bort adress?",
"saveMessage": "Informationen som du har ändrat är omedelbart tillgänglig för följande Helsingfors stads tjänster:",
- "saveTitle": "Vill du spara dina ändringar?"
+ "saveTitle": "Vill du spara dina ändringar?",
+ "idleWarning": "Sessionen är på väg att gå ut. Om du vill fortsätta ska du klicka på Fortsätt. Annars loggas du ut.",
+ "idleWarningTitle": "Du loggas ut inom kort",
+ "continue": "Fortsätt"
},
"createProfile": {
"heading": "Fyll i detaljerna för att skapa en profil",
@@ -48,10 +51,11 @@
"title": "Är du säker på att du vill radera din information?",
"notAllowed": "Du kan inte ta bort din profil eftersom någon av tjänsterna som används behöver dina uppgifter till exempel för fakturering.",
"deletionErrorTitle": "Profilen kunde inte avlägsnas!",
+ "genericError": "Profilen kunde inte avlägsnas. Försök senare på nytt.",
"deleteServiceFromPage": "Du kan ta bort uppgifterna från dessa tjänster på sidan {{linkToServicesText}}.",
"unableToDeleteServices": "Vi kan inte radera data från dessa tjänster, till exempel på grund av transaktionsstatus eller lagringstid.",
"contactServiceToDelete": "Om du ändå vill ta bort uppgifterna, kontakta tjänsten i fråga direkt och försök därefter att ta bort profilen på nytt.",
- "urlToServiceList": "https://www.hel.fi/helsinki/sv/stad-och-forvaltning/forvaltning/tjanster"
+ "urlToServiceList": "https://www.hel.fi/sok/tjanster"
},
"downloadData": {
"button": "Ladda ner min information",
@@ -67,11 +71,11 @@
"accessibility": "Tillgänglighetsdokument",
"copyright": "Upphovsrätt {{year}}",
"feedback": "Ge feedback",
- "feedbackLink": "https://www.hel.fi/helsinki/sv/stad-och-forvaltning/delta/feedback",
+ "feedbackLink": "https://palautteet.hel.fi/sv/",
"privacy": "Integritetspolicy",
"reserveRights": "Alla rättigheter förbehållna",
"contactUs": "Ta kontakt",
- "contactUsLink": "https://hel.fi/helsinki/sv/stad-och-forvaltning/delta/kontakt",
+ "contactUsLink": "https://www.hel.fi/sv/beslutsfattande-och-forvaltning/kontakta-helsingfors-stad",
"backToTop": "Till början av sidan"
},
"helsinkiLogo": "Helsingfors logotyp",
@@ -100,7 +104,8 @@
"signin": "Logga in",
"signout": "Logga ut",
"titleAriaLabel": "Gå till profilens startsida",
- "goToHomePage": "Till startsidan"
+ "goToHomePage": "Till startsidan",
+ "close": "Stäng"
},
"notification": {
"closeButtonText": "Stäng",
@@ -154,9 +159,9 @@
"remove": "Ta bort",
"setPrimary": "Ange som primär",
"submit": "Spara",
- "termsLabel": "Jag har bekantat mig med tjänstens registerbeskrivning och stadens sekretesspolicy",
- "terms": "Läs tjänstens registerbeskrivning och stadens sekretesspolicy",
- "termsDataProtectionLink": "https://www.hel.fi/helsinki/sv/stad-och-forvaltning/information/dataskydd",
+ "termsLabel": "Jag har bekantat mig med tjänstens integritetspolicy och stadens sekretesspolicy",
+ "terms": "Läs tjänstens integritetspolicy och stadens sekretesspolicy",
+ "termsDataProtectionLink": "https://www.hel.fi/sv/beslutsfattande-och-forvaltning/information-om-helsingfors/dataskydd-och-informationshantering/dataskydd",
"termsFileDescriptionLink": "https://www.hel.fi/static/liitteet-2019/Kaupunginkanslia/Rekisteriselosteet/Keha/Register%20over%20e-tjanster.pdf",
"nationalIdentificationNumber": "Personbeteckning",
"municipalityOfResidence": "Hemkommun",
@@ -175,8 +180,6 @@
"ariaShowOptions": "Visa alternativ",
"ariaSelectedOption": "{{value}} har valts",
"ariaNoSelectedItemForLabel": "{{label}} har inte valts",
- "contact": "Kontaktinformation",
- "contactInformation": "Min kontaktinformation",
"deleteProfile": "Radera profil",
"description": "Uppgifterna som sparats i Helsingforsprofilen används i Helsingfors stads e-tjänster. Närmare information hittar du på {{linkToServicesText}} sidan.",
"downloadData": "Ladda ner min information",
@@ -207,9 +210,12 @@
"noAddress": "Du har inte uppgett en adress",
"noEmail": "Du har inte upgett en e-postadress",
"verifyEmailText": "Vi har skickat en bekräftelse till e-postadressen som du angett. Om du inte har fått meddelandet, vänligen kontrollera skräpkorgen för e-post.",
- "verifyEmailTitle": "Bekräfta e-postadressen"
+ "verifyEmailTitle": "Bekräfta e-postadressen",
+ "contact": "Kontaktinformation",
+ "emailInUse": "E-postadressen du uppgett används redan.",
+ "contactInformation": "Min kontaktinformation"
},
- "sanityCheck": "open-city-profile.sv",
+ "sanityCheck": "https://profiili.hel.fi/login",
"serviceConnections": {
"clock": "kl.",
"created": "Skapad:",
@@ -254,6 +260,7 @@
"pageNotFoundText": "Kontrollera att URL-adressen är rätt skriven (kontrollera stora och små bokstäver och skiljetecken). Eller gå tillbaka till föregående sida genom att klicka på tangenten Föregående i webbläsaren. Du kan också gå tillbaka till första sidan via länken här nedan.",
"cookies": {
"pageName": "Kakinställningar",
+ "loginCookieDescription": "Cookie som krävs för att bevara autentiseringssession.",
"securityCookieDescription": "Datasäkerhetskontroll",
"loadBalancerCookieName": "En slumpmässig teckensträng med 32 tecken",
"loadBalancerCookieDescription": "Teknisk routning av webbtrafiken.",
@@ -261,8 +268,10 @@
"sessionExpiration": "Session",
"daysPlural": "dagar",
"minutesPlural": "minuter",
+ "languageGroupTitle": "Språkval",
+ "languageGroupText": "I språkkakorna lagras användarens språkval för att minnas vilket språk som har valts.",
"mainText": "Denna webbplats använder nödvändiga kakor för att säkerställa basfunktionerna och prestandan. Dessutom använder vi inriktningskakor för analys.",
"trackingCookieDescription": "Statistiksystemets kaka samlar information om hur webbplatsen används.",
"consentStorageDescription": "Kakan lagrar samtycke för användning av statistikkakorna."
}
-}
+}
\ No newline at end of file
diff --git a/src/profile/components/addButton/AddButton.tsx b/src/profile/components/addButton/AddButton.tsx
index d914cce02..d3d4e9a72 100644
--- a/src/profile/components/addButton/AddButton.tsx
+++ b/src/profile/components/addButton/AddButton.tsx
@@ -1,8 +1,7 @@
-import { IconPlusCircle } from 'hds-react';
+import { Button, IconPlusCircle } from 'hds-react';
import React from 'react';
import { t } from 'i18next';
-import StyledButton from '../../../common/styledButton/StyledButton';
import { EditHandling } from '../../hooks/useCommonEditHandling';
import commonFormStyles from '../../../common/cssHelpers/form.module.css';
@@ -26,7 +25,7 @@ function AddButton({
return null;
}
return (
- }
onClick={async () => {
actionHandler('add');
@@ -37,7 +36,7 @@ function AddButton({
id={addButtonId}
>
{text}
-
+
);
}
diff --git a/src/profile/components/createProfileForm/CreateProfileForm.tsx b/src/profile/components/createProfileForm/CreateProfileForm.tsx
index a36d0ec9d..bb420465e 100644
--- a/src/profile/components/createProfileForm/CreateProfileForm.tsx
+++ b/src/profile/components/createProfileForm/CreateProfileForm.tsx
@@ -1,6 +1,6 @@
import React, { useState } from 'react';
import { useTranslation, Trans } from 'react-i18next';
-import { TextInput, Checkbox, PhoneInput } from 'hds-react';
+import { Button, TextInput, Checkbox, PhoneInput } from 'hds-react';
import { Formik, Form, Field, FormikProps } from 'formik';
import * as yup from 'yup';
import classNames from 'classnames';
@@ -24,7 +24,6 @@ import {
getMemoizedCountryCallingCodes,
getDefaultCountryCallingCode,
} from '../../../i18n/countryCallingCodes.utils';
-import StyledButton from '../../../common/styledButton/StyledButton';
const termsSchema = yup
.object()
@@ -237,7 +236,7 @@ function CreateProfileForm(props: Props): React.ReactElement {
/>
-
{t('profileForm.submit')}
-
+
)}
diff --git a/src/profile/components/deleteProfile/DeleteProfile.tsx b/src/profile/components/deleteProfile/DeleteProfile.tsx
index c23b6c75c..7016be721 100644
--- a/src/profile/components/deleteProfile/DeleteProfile.tsx
+++ b/src/profile/components/deleteProfile/DeleteProfile.tsx
@@ -3,7 +3,7 @@ import { ApolloError, useLazyQuery } from '@apollo/client';
import { loader } from 'graphql.macro';
import { useTranslation } from 'react-i18next';
import * as Sentry from '@sentry/browser';
-import { Notification } from 'hds-react';
+import { Button, Notification } from 'hds-react';
import { useHistory } from 'react-router';
import { useMatomo } from '@datapunt/matomo-tracker-react';
@@ -22,7 +22,6 @@ import { useScrollIntoView } from '../../hooks/useScrollIntoView';
import { DeleteResultLists } from '../../helpers/parseDeleteProfileResult';
import createServiceConnectionsQueryVariables from '../../helpers/createServiceConnectionsQueryVariables';
import Loading from '../../../common/loading/Loading';
-import StyledButton from '../../../common/styledButton/StyledButton';
import useAuthCodeQueues, {
AuthCodeQueuesProps,
} from '../../../gdprApi/useAuthCodeQueues';
@@ -171,13 +170,13 @@ function DeleteProfile(): React.ReactElement {
label={t('deleteProfile.deleteFailed')}
type={'error'}
>
- loadServiceConnections(true)}
data-testid="reload-service-connections"
>
{t('notification.tryAgain')}
-
+
>
);
const LoadStateIndicator = () =>
@@ -209,13 +208,13 @@ function DeleteProfile(): React.ReactElement {
dataLoadState === errorLoadState ? (
) : (
-
{t('deleteProfile.delete')}
-
+
)}
)}
-
{!canUserDoSomething ? t('loading') : t('downloadData.button')}
-
+
diff --git a/src/profile/components/editButtons/EditButtons.tsx b/src/profile/components/editButtons/EditButtons.tsx
index 672ce7313..312d96c15 100644
--- a/src/profile/components/editButtons/EditButtons.tsx
+++ b/src/profile/components/editButtons/EditButtons.tsx
@@ -1,4 +1,5 @@
import {
+ Button,
IconPenLine,
IconMinusCircle,
IconStarFill,
@@ -13,7 +14,6 @@ import {
Action,
ActionListenerReturnType,
} from '../../hooks/useProfileDataEditor';
-import StyledButton from '../../../common/styledButton/StyledButton';
type Props = {
handler: ActionHandler;
@@ -68,7 +68,7 @@ function EditButtons(props: Props): React.ReactElement {
)}
{setPrimary && !primary && (
- }
onClick={async () => {
@@ -79,10 +79,9 @@ function EditButtons(props: Props): React.ReactElement {
aria-label={ariaLabels.setPrimary}
>
{t('profileForm.setPrimary')}
-
+
)}
- }
onClick={async () => {
await handler('edit');
@@ -92,9 +91,9 @@ function EditButtons(props: Props): React.ReactElement {
{...editButtonIdAttr}
>
{t('profileForm.edit')}
-
+
{removable && (
- }
onClick={async () => {
@@ -105,7 +104,7 @@ function EditButtons(props: Props): React.ReactElement {
aria-label={ariaLabels.remove}
>
{t('profileForm.remove')}
-
+
)}
);
diff --git a/src/profile/components/errorPage/ErrorPage.tsx b/src/profile/components/errorPage/ErrorPage.tsx
index 94891a1eb..c88c433bb 100644
--- a/src/profile/components/errorPage/ErrorPage.tsx
+++ b/src/profile/components/errorPage/ErrorPage.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import { useTranslation } from 'react-i18next';
import { Link, useLocation } from 'react-router-dom';
-import { Notification } from 'hds-react';
+import { Button, Notification } from 'hds-react';
import classNames from 'classnames';
import PageLayout from '../../../common/pageLayout/PageLayout';
@@ -9,7 +9,6 @@ import queryParamsToObject from '../../../common/helpers/queryParamsToObject';
import styles from './ErrorPage.module.css';
import authService from '../../../auth/authService';
import commonContentStyles from '../../../common/cssHelpers/content.module.css';
-import StyledButton from '../../../common/styledButton/StyledButton';
export type ErrorPageQueryParams = {
message?: string;
@@ -92,12 +91,12 @@ function ErrorPage(props?: ErrorPageProps): React.ReactElement {