Add Icon To Address Book + Button

RELEASE-NOTES.md

@@ -14,3 +14,7 @@
 - Add ability to send JUP directly from the address book component
 - Displays the last block time on the Generators page in 24hr time format instead of 12hr
 - Remove My Accounts from gear menu
+
+## 0.0.4
+
+- Add icon and text to address book add button

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jupiter-wallet",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "private": true,
   "scripts": {
     "proxy": "node proxy/server.js",

src/components/SearchBar/components/AddressBook/AddressBook.tsx

@@ -10,6 +10,7 @@ import useBreakpoint from "hooks/useBreakpoint";
 import useAPIRouter from "hooks/useAPIRouter";
 import { NXTtoNQT } from "utils/common/NXTtoNQT";
 import { BigNumber } from "bignumber.js";
+import AddIcon from "@mui/icons-material/Add";
 
 interface IAddNewAddressInputProps {
   setNewAddressFn?: (address: string) => void;
@@ -50,8 +51,8 @@ const AddNewAddressInput: React.FC<IAddNewAddressInputProps> = ({ setNewAddressF
           </Button>
         </Stack>
       ) : (
-        <StyledPlusButton onClick={toggleAddressMode} variant="outlined">
-          +
+        <StyledPlusButton onClick={toggleAddressMode} color="primary" variant="outlined" endIcon={<AddIcon />}>
+          Add
         </StyledPlusButton>
       )}
     </>
@@ -217,7 +218,6 @@ const AddressBook: React.FC = () => {
 };
 
 const StyledPlusButton = styled(Button)(() => ({
-  width: "5%",
   position: "absolute",
   top: "40px",
   right: "25px",