Rename back to original image names

src/components/appointmentInfo.tsx

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

src/components/authentication/createAccount.tsx

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

src/components/authentication/enterCode.tsx

@@ -2,8 +2,8 @@ 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/lockIcon.svg";
-import arrow from "../../images/backArrowIcon.png";
+import lock from "../../images/lock.svg";
+import arrow from "../../images/backArrow.png";
 import {
   Wrapper,
   Box,

src/components/authentication/forgotPassword.tsx

@@ -2,7 +2,7 @@
 import React, { ChangeEvent, useState } from "react";
 import { Link, useNavigate } from "react-router-dom";
 import { Auth } from "aws-amplify";
-import arrow from "../../images/backArrowIcon.png";
+import arrow from "../../images/backArrow.png";
 import {
   Wrapper,
   Box,

src/components/authentication/login.tsx

@@ -2,9 +2,9 @@ import React, { ChangeEvent, useContext, useState } from "react";
 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/eyeSlashIcon.svg";
-import eye from "../../images/eyeIcon.svg";
+import logoPic from "../../images/petLogo.jpg";
+import eyeSlash from "../../images/eyeSlash.svg";
+import eye from "../../images/eye.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/horseRiderIcon.svg";
+import logo from "../../images/horseRider.svg";
 import {
   Wrapper,
   Box,

src/components/calendar.tsx

@@ -12,11 +12,11 @@ import interactionPlugin from "@fullcalendar/interaction";
 import UserContext from "../userContext";
 import { LazyTimeslot } from "../models";
 // import Monthly from "./monthlyView";
-import logo from "../images/petLogo.svg";
+import logo from "../images/petLogo2.svg";
 import Toggle from "./calendarToggle";
 import Popup from "./popup/timeslotPopup";
 // import FullCalendar from "@fullcalendar/react";
-import signout from "../images/signOutFull.png";
+import signout from "../images/signOut.png";
 import LogoutPopup from "./popup/logoutPopup";
 import { Booking } from "../models";
 

src/components/mobile/mobileCalendar.tsx

@@ -7,7 +7,7 @@ import MobileTimeslots from "./mobileTimeslots";
 import MobileWeeklyView from "./mobileWeeklyView";
 import { LazyTimeslot } from "../../models";
 import { Dropdown, Option } from "./dropdown";
-import signoutarrow from "../../images/signOutIcon.png";
+import signoutarrow from "../../images/signOutArrow.png";
 import { Wrapper } from "../styledComponents";
 
 const CurrentDate = styled.p`

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/warningIcon.svg";
+import warning from "../../images/warning.svg";
 import {
   Wrapper,
   BackArrow,
@@ -12,7 +12,7 @@ import {
   Button,
   Row,
 } from "../styledComponents";
-import backArrow from "../../images/backArrowIcon.png";
+import backArrow from "../../images/backArrow.png";
 import UserContext from "../../userContext";
 
 const Warning = styled.img`

src/components/mobile/mobileTimeslot.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 import { DataStore } from "@aws-amplify/datastore";
 import styled from "styled-components";
-import caretDown from "../../images/caretDownIcon.svg";
+import caretDown from "../../images/caretDown.svg";
 import MobileTimeslotContent from "./mobileTimeslotContent";
 import {
   Timeslot,

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/warningIcon.svg";
+import warning from "../../images/warning.svg";
 import {
   CancelBtn,
   SaveBtn,

src/components/mobile/mobileTimeslotContent.tsx

@@ -2,8 +2,8 @@
 import styled from "styled-components";
 import "@fontsource/roboto";
 import { useState, useContext } from "react";
-import OnSlide from "../../images/onSliderIcon.png";
-import OffSlide from "../../images/offSliderIcon.png";
+import OnSlide from "../../images/onSlider.png";
+import OffSlide from "../../images/offSlider.png";
 import UserContext from "../../userContext";
 import MobileTimeSlotConfirmation from "./mobileTimeslotConfirmation";
 import TimeslotSuccess from "../popup/timeslotSuccess";

src/components/mobile/mobileWeeklyView.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable jsx-a11y/control-has-associated-label */
 import React, { useState } from "react";
 import styled from "styled-components";
-import chevronLeft from "../../images/chevronLeftIcon.svg";
+import chevronLeft from "../../images/chevronLeft.svg";
 
 const Wrapper = styled.div`
   font-family: "Rubik", sans-serif;

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/warningIcon.svg";
+import warning from "../../images/warning.svg";
 import {
   // Wrapper,
   Box,

src/components/popup/timeslot.tsx

@@ -1,9 +1,9 @@
 import React, { useState, useContext, useEffect } from "react";
 import styled from "styled-components";
-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 Checked from "../../images/checked.png";
+import Unchecked from "../../images/unchecked.png";
+import On from "../../images/onSlider.png";
+import Off from "../../images/offSlider.png";
 import UserContext from "../../userContext";
 
 const ButtonToggle = styled.button`

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/warningIcon.svg";
+import warning from "../../images/warning.svg";
 import { CancelBtn, SaveBtn, Description, Header } from "../styledComponents";
 
 export type TimeslotConfirmProps = {

src/components/popup/timeslotPopup.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useContext, useMemo } from "react";
 import styled from "styled-components";
 import { DataStore } from "@aws-amplify/datastore";
-import x from "../../images/xIcon.svg";
+import x from "../../images/x.svg";
 import { PopupDiv, PopupBox, X, CancelBtn, SaveBtn } from "../styledComponents";
 import Monthly from "../monthlyView";
 import AppointmentInfo from "../appointmentInfo";

src/components/popup/timeslotSuccess.tsx

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

src/components/resetPassword.tsx

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