More renaming

src/components/appointmentInfo.tsx

@@ -1,8 +1,8 @@
 import React, { useContext } from "react";
 import styled from "styled-components";
-import Horse from "../images/horseRider.svg";
-import Dude from "../images/person.svg";
-import Bookmark from "../images/bookmark.svg";
+import Horse from "../images/horseRiderIcon.svg";
+import Dude from "../images/personIcon.svg";
+import Bookmark from "../images/bookmarkIcon.svg";
 import { LazyUser } from "../models";
 import UserContext from "../userContext";
 import "@fontsource/roboto";

src/components/authentication/createAccount.tsx

@@ -4,8 +4,8 @@ import { Auth } from "aws-amplify";
 import { DataStore } from "@aws-amplify/datastore";
 import styled from "styled-components";
 import { User } from "../../models";
-import eyeSlash from "../../images/eyeSlash.svg";
-import eye from "../../images/eye.svg";
+import eyeSlash from "../../images/eyeSlashIcon.svg";
+import eye from "../../images/eyeIcon.svg";
 import backArrow from "../../images/backArrowIcon.png";
 import {
   Box,

src/components/authentication/enterCode.tsx

@@ -2,7 +2,7 @@ import styled from "styled-components";
 import { ChangeEvent, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { Auth } from "aws-amplify";
-import lock from "../../images/lock.svg";
+import lock from "../../images/lockIcon.svg";
 import arrow from "../../images/backArrowIcon.png";
 import {
   Wrapper,

src/components/authentication/login.tsx

@@ -3,8 +3,8 @@ import styled from "styled-components";
 import { useNavigate } from "react-router-dom";
 import { Auth, DataStore } from "aws-amplify";
 import logoPic from "../../images/petLogo1.jpg";
-import eyeSlash from "../../images/eyeSlash.svg";
-import eye from "../../images/eye.svg";
+import eyeSlash from "../../images/eyeSlashIcon.svg";
+import eye from "../../images/eyeIcon.svg";
 import UserContext from "../../userContext";
 
 import {

src/components/authentication/success.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { useNavigate, useParams } from "react-router-dom";
 import styled from "styled-components";
-import logo from "../../images/horseRider.svg";
+import logo from "../../images/horseRiderIcon.svg";
 import {
   Wrapper,
   Box,

src/components/mobile/mobileLogout.tsx

@@ -3,7 +3,7 @@ import { useNavigate } from "react-router-dom";
 import styled from "styled-components";
 import { Auth } from "aws-amplify";
 import { User } from "../../models";
-import warning from "../../images/warning.svg";
+import warning from "../../images/warningIcon.svg";
 import {
   Wrapper,
   BackArrow,

src/components/mobile/mobileTimeslotConfirmation.tsx

@@ -4,7 +4,7 @@ import styled from "styled-components";
 import { DataStore } from "aws-amplify";
 import UserContext from "../../userContext";
 import { User, Booking, Timeslot } from "../../models";
-import warning from "../../images/warning.svg";
+import warning from "../../images/warningIcon.svg";
 import {
   CancelBtn,
   SaveBtn,

src/components/popup/logoutPopup.tsx

@@ -3,7 +3,7 @@ import { useNavigate } from "react-router-dom";
 import styled from "styled-components";
 import { Auth } from "aws-amplify";
 import { User } from "../../models";
-import warning from "../../images/warning.svg";
+import warning from "../../images/warningIcon.svg";
 import {
   // Wrapper,
   Box,

src/components/popup/timeslot.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useContext, useEffect } from "react";
 import styled from "styled-components";
-import Checked from "../../images/checked.png";
-import Unchecked from "../../images/unchecked.png";
+import Checked from "../../images/checkedIcon.png";
+import Unchecked from "../../images/uncheckedIcon.png";
 import On from "../../images/onSliderIcon.png";
 import Off from "../../images/offSliderIcon.png";
 import UserContext from "../../userContext";

src/components/popup/timeslotConfirmation.tsx

@@ -4,7 +4,7 @@ import styled from "styled-components";
 import { DataStore } from "aws-amplify";
 import UserContext from "../../userContext";
 import { Timeslot, User, Booking } from "../../models";
-import warning from "../../images/warning.svg";
+import warning from "../../images/warningIcon.svg";
 import { CancelBtn, SaveBtn, Description, Header } from "../styledComponents";
 
 export type TimeslotConfirmProps = {

src/components/popup/timeslotSuccess.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import styled from "styled-components";
-import logo from "../../images/horseRider.svg";
+import logo from "../../images/horseRiderIcon.svg";
 import {
   Button,
   CenteredDescription,

src/components/resetPassword.tsx

@@ -2,8 +2,8 @@
 import { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { Auth } from "aws-amplify";
-import eyeSlash from "../images/eyeSlash.svg";
-import eye from "../images/eye.svg";
+import eyeSlash from "../images/eyeSlashIcon.svg";
+import eye from "../images/eyeIcon.svg";
 import backArrow from "../images/backArrowIcon.png";
 import {
   Wrapper,