From 84af35597d9662ecdcf7704d55f66ff3e76f5047 Mon Sep 17 00:00:00 2001
From: blessedcoolant <54517381+blessedcoolant@users.noreply.github.com>
Date: Wed, 12 Jul 2023 13:58:14 +1200
Subject: [PATCH] fix: Update Load & Save Icons to FontAwesome

---
 .../src/features/nodes/components/ui/LoadNodesButton.tsx    | 5 ++---
 .../src/features/nodes/components/ui/SaveNodesButton.tsx    | 6 +++---
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/invokeai/frontend/web/src/features/nodes/components/ui/LoadNodesButton.tsx b/invokeai/frontend/web/src/features/nodes/components/ui/LoadNodesButton.tsx
index d71da68fa9..10aecc9fcc 100644
--- a/invokeai/frontend/web/src/features/nodes/components/ui/LoadNodesButton.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/ui/LoadNodesButton.tsx
@@ -6,7 +6,7 @@ import { loadFileEdges, loadFileNodes } from 'features/nodes/store/nodesSlice';
 import { addToast } from 'features/system/store/systemSlice';
 import { memo, useCallback, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
-import { BiUpload } from 'react-icons/bi';
+import { FaUpload } from 'react-icons/fa';
 import { useReactFlow } from 'reactflow';
 
 const LoadNodesButton = () => {
@@ -66,8 +66,7 @@ const LoadNodesButton = () => {
     >
       {(props) => (
         <IAIIconButton
-          icon={<BiUpload />}
-          fontSize={20}
+          icon={<FaUpload />}
           tooltip={t('nodes.loadNodes')}
           aria-label={t('nodes.loadNodes')}
           {...props}
diff --git a/invokeai/frontend/web/src/features/nodes/components/ui/SaveNodesButton.tsx b/invokeai/frontend/web/src/features/nodes/components/ui/SaveNodesButton.tsx
index af1a54d9d0..8623fa5cbe 100644
--- a/invokeai/frontend/web/src/features/nodes/components/ui/SaveNodesButton.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/ui/SaveNodesButton.tsx
@@ -3,7 +3,7 @@ import { useAppSelector } from 'app/store/storeHooks';
 import IAIIconButton from 'common/components/IAIIconButton';
 import { memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
-import { BiSave } from 'react-icons/bi';
+import { FaSave } from 'react-icons/fa';
 
 const SaveNodesButton = () => {
   const { t } = useTranslation();
@@ -27,8 +27,8 @@ const SaveNodesButton = () => {
 
   return (
     <IAIIconButton
-      icon={<BiSave />}
-      fontSize={20}
+      icon={<FaSave />}
+      fontSize={18}
       tooltip={t('nodes.saveNodes')}
       aria-label={t('nodes.saveNodes')}
       onClick={saveEditorToJSON}