From 770b04b17afc44a011eacdefcb5241097a935440 Mon Sep 17 00:00:00 2001 From: Eunju Huss Date: Fri, 10 Jan 2025 11:15:42 +0100 Subject: [PATCH 1/2] introduce qr code icon --- img/qrcode.svg | 39 +++++++++++++++++++++++++++++ src/components/Login/UsernamePw.tsx | 6 ++--- 2 files changed, 41 insertions(+), 4 deletions(-) create mode 100644 img/qrcode.svg diff --git a/img/qrcode.svg b/img/qrcode.svg new file mode 100644 index 000000000..4e5651218 --- /dev/null +++ b/img/qrcode.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/components/Login/UsernamePw.tsx b/src/components/Login/UsernamePw.tsx index 77e8fff43..f011a9026 100644 --- a/src/components/Login/UsernamePw.tsx +++ b/src/components/Login/UsernamePw.tsx @@ -1,6 +1,3 @@ -import { IconProp } from "@fortawesome/fontawesome-svg-core"; -import { faQrcode } from "@fortawesome/free-solid-svg-icons"; -import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { fetchUsernamePassword } from "apis/eduidLogin"; import EduIDButton from "components/Common/EduIDButton"; import TextInput from "components/Common/EduIDTextInput"; @@ -15,6 +12,7 @@ import { Link, useNavigate } from "react-router-dom"; import loginSlice from "slices/Login"; import { clearNotifications } from "slices/Notifications"; import resetPasswordSlice from "slices/ResetPassword"; +import qrCode from "../../../img/qrcode.svg"; import { LoginAbortButton } from "./LoginAbortButton"; import { LoginAtServiceInfo } from "./LoginAtServiceInfo"; import { forgetThisDevice } from "./NewDevice"; @@ -225,7 +223,7 @@ function UsernamePwAnotherDeviceButton(): JSX.Element | null { return ( - + qr icon ); From da249d16aba2c80eb81a8b70643c98053135fa94 Mon Sep 17 00:00:00 2001 From: Eunju Huss Date: Fri, 10 Jan 2025 14:39:08 +0100 Subject: [PATCH 2/2] Adjust the thickness of the icons --- img/qr-code.svg | 39 +++++++++++++++++++++++++++++ img/qrcode.svg | 39 ----------------------------- src/components/Login/UsernamePw.tsx | 2 +- 3 files changed, 40 insertions(+), 40 deletions(-) create mode 100644 img/qr-code.svg delete mode 100644 img/qrcode.svg diff --git a/img/qr-code.svg b/img/qr-code.svg new file mode 100644 index 000000000..70d86b153 --- /dev/null +++ b/img/qr-code.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/img/qrcode.svg b/img/qrcode.svg deleted file mode 100644 index 4e5651218..000000000 --- a/img/qrcode.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/src/components/Login/UsernamePw.tsx b/src/components/Login/UsernamePw.tsx index f011a9026..2ed363f44 100644 --- a/src/components/Login/UsernamePw.tsx +++ b/src/components/Login/UsernamePw.tsx @@ -12,7 +12,7 @@ import { Link, useNavigate } from "react-router-dom"; import loginSlice from "slices/Login"; import { clearNotifications } from "slices/Notifications"; import resetPasswordSlice from "slices/ResetPassword"; -import qrCode from "../../../img/qrcode.svg"; +import qrCode from "../../../img/qr-code.svg"; import { LoginAbortButton } from "./LoginAbortButton"; import { LoginAtServiceInfo } from "./LoginAtServiceInfo"; import { forgetThisDevice } from "./NewDevice";