From 38d330eb6ea37f0a3c75ab738590ba8c19e59877 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Oliveira?= <josepfo.w@gmail.com>
Date: Thu, 19 Aug 2021 12:36:21 +0100
Subject: [PATCH] fix: add right arrow icon

---
 new-lamassu-admin/src/components/Carousel.js             | 7 ++++---
 .../{carousel-arrow.svg => carousel-left-arrow.svg}      | 0
 .../src/styling/icons/arrow/carousel-right-arrow.svg     | 9 +++++++++
 3 files changed, 13 insertions(+), 3 deletions(-)
 rename new-lamassu-admin/src/styling/icons/arrow/{carousel-arrow.svg => carousel-left-arrow.svg} (100%)
 create mode 100644 new-lamassu-admin/src/styling/icons/arrow/carousel-right-arrow.svg

diff --git a/new-lamassu-admin/src/components/Carousel.js b/new-lamassu-admin/src/components/Carousel.js
index 8f00b55c..f751cd1f 100644
--- a/new-lamassu-admin/src/components/Carousel.js
+++ b/new-lamassu-admin/src/components/Carousel.js
@@ -2,7 +2,8 @@ import { makeStyles } from '@material-ui/core/styles'
 import React, { memo } from 'react'
 import ReactCarousel from 'react-material-ui-carousel'
 
-import { ReactComponent as Arrow } from 'src/styling/icons/arrow/carousel-arrow.svg'
+import { ReactComponent as LeftArrow } from 'src/styling/icons/arrow/carousel-left-arrow.svg'
+import { ReactComponent as RightArrow } from 'src/styling/icons/arrow/carousel-right-arrow.svg'
 import { URI } from 'src/utils/apollo'
 
 const useStyles = makeStyles({
@@ -26,8 +27,8 @@ export const Carousel = memo(({ photosData, slidePhoto }) => {
   return (
     <>
       <ReactCarousel
-        PrevIcon={<Arrow />}
-        NextIcon={<Arrow />}
+        PrevIcon={<LeftArrow />}
+        NextIcon={<RightArrow />}
         navButtonsProps={{
           style: {
             backgroundColor: 'transparent',
diff --git a/new-lamassu-admin/src/styling/icons/arrow/carousel-arrow.svg b/new-lamassu-admin/src/styling/icons/arrow/carousel-left-arrow.svg
similarity index 100%
rename from new-lamassu-admin/src/styling/icons/arrow/carousel-arrow.svg
rename to new-lamassu-admin/src/styling/icons/arrow/carousel-left-arrow.svg
diff --git a/new-lamassu-admin/src/styling/icons/arrow/carousel-right-arrow.svg b/new-lamassu-admin/src/styling/icons/arrow/carousel-right-arrow.svg
new file mode 100644
index 00000000..135c911e
--- /dev/null
+++ b/new-lamassu-admin/src/styling/icons/arrow/carousel-right-arrow.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15px" height="34px" viewBox="0 0 15 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Group 2 Copy</title>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-2-Copy" transform="translate(1.000000, 1.000000)" stroke="#FFFFFF" stroke-width="2">
+            <polyline id="Path-4-Copy" points="0 0 12 15.8202247 0 32"></polyline>
+        </g>
+    </g>
+</svg>
\ No newline at end of file