Improve arrow style

Author: Erikvv

webtool/frontend/src/components/intro/LoadExampleCaseButton.tsx

@@ -3,19 +3,22 @@ import {Pilot} from "local4local"
 import {local4localDarkOrange} from "../../colors.ts";
 import {Local4LocalButton} from "../Local4LocalButton.tsx";
 import {NavLink} from "react-router";
+import {FaArrowRight} from "react-icons/fa6"
 
 export const LoadExampleCaseButton: FunctionComponent<{exampleCase: Pilot}> = ({exampleCase}) => (
     <Local4LocalButton
         asChild
         style={{
-            fontSize: "1.5rem",
-            height: "2.2rem",
+            fontSize: "1.3rem",
+            height: "2.5rem",
             aspectRatio: "1 / 1",
             padding: "0",
             fontWeight: "bold",
             backgroundColor: local4localDarkOrange + "80",
         }}
     >
-        <NavLink to={"/rekentool?pilot=" + encodeURIComponent(exampleCase.toJson())}>➔</NavLink>
+        <NavLink to={"/rekentool?pilot=" + encodeURIComponent(exampleCase.toJson())}>
+            <FaArrowRight />
+        </NavLink>
     </Local4LocalButton>
-)
+)

webtool/frontend/src/components/intro/StartButton.tsx

@@ -3,6 +3,7 @@ import {NavLink} from "react-router"
 import {Button} from "@radix-ui/themes"
 import {local4localLightGreen} from "../../colors.ts"
 import {Local4LocalButton} from "../Local4LocalButton.tsx"
+import {FaArrowRight} from "react-icons/fa6"
 
 export const StartButton: FunctionComponent<ComponentProps<typeof Button>> = ({style, ...props}) => (
     <Local4LocalButton
@@ -21,7 +22,7 @@ export const StartButton: FunctionComponent<ComponentProps<typeof Button>> = ({s
         {...props}
     >
         <NavLink to="/rekentool">
-            Start ➔
+            Start <FaArrowRight />
         </NavLink>
     </Local4LocalButton>
 )

webtool/frontend/src/components/resourcefully/dialog.tsx

@@ -6,6 +6,7 @@ import {ResourcefullyDialogContent} from "./content.tsx"
 import {Local4LocalButton} from "../Local4LocalButton.tsx"
 import {local4localLightGreen} from "../../colors.ts"
 import {PilotState} from "../../services/use-pilot.ts"
+import {FaArrowRight} from "react-icons/fa6"
 
 const Button: FunctionComponent = () => (
     <Local4LocalButton
@@ -20,7 +21,7 @@ const Button: FunctionComponent = () => (
             zIndex: 99,
         }}
     >
-        Ga naar gevoeligheidsanalyse ➔
+        Ga naar gevoeligheidsanalyse <FaArrowRight />
     </Local4LocalButton>
 )
 

webtool/frontend/src/components/resourcefully/form.tsx

@@ -6,7 +6,7 @@ import {PilotState} from "../../services/use-pilot.ts"
 import {SdeSupplementForm} from "./SdeSupplementForm.tsx"
 import {DialogButtonRow} from "./DialogButtonRow.tsx"
 import {DataSharingButton} from "./DataSharingButton.tsx"
-import {ArrowRightIcon} from "@radix-ui/react-icons"
+import {FaArrowRight} from "react-icons/fa6"
 
 export type ReactSubmitEvent = SyntheticEvent<HTMLFormElement, SubmitEvent>
 export type SubmitEventHandeler = EventHandler<ReactSubmitEvent>
@@ -52,7 +52,7 @@ export const ResourcefullyForm: FunctionComponent<{
             <Local4LocalButton name="action" value="preview" style={{backgroundColor: local4localLightBlue}} size="1">Bericht bekijken</Local4LocalButton>
             <Local4LocalButton name="action" value="send" style={{backgroundColor: local4localDarkOrange}}>
                 Opsturen
-                <ArrowRightIcon />
+                <FaArrowRight />
             </Local4LocalButton>
         </DialogButtonRow>
     </form>