From 8ff2be2a52c76ad152c4f2991cd971fbc41c4824 Mon Sep 17 00:00:00 2001
From: Rohitha Pudu <rohithapudu@gmail.com>
Date: Sun, 23 Jun 2024 22:36:14 +0530
Subject: [PATCH] add share icon

---
 src/components/Models.css | 13 ++++++++++++-
 src/components/Models.jsx |  5 ++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/Models.css b/src/components/Models.css
index f350c17..141e3f1 100644
--- a/src/components/Models.css
+++ b/src/components/Models.css
@@ -145,7 +145,18 @@
 .view-icon {
   position: absolute;
   bottom: 10px;
-  right: 10px;
+  right: 1px;
+  background-color: rgba(0, 0, 0, 0.5);
+  border: none;
+  color: white;
+  padding: 10px;
+  border-radius: 50%;
+  cursor: pointer;
+}
+.share-icon {
+  position: absolute;
+  bottom: 10px;
+  right: 50px;
   background-color: rgba(0, 0, 0, 0.5);
   border: none;
   color: white;
diff --git a/src/components/Models.jsx b/src/components/Models.jsx
index 1b701c7..f5db394 100644
--- a/src/components/Models.jsx
+++ b/src/components/Models.jsx
@@ -8,7 +8,7 @@ import BackToTop from "./BottomToTop";
 
 // Import Font Awesome icons
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faChevronLeft, faChevronRight, faTimes, faExpand } from "@fortawesome/free-solid-svg-icons";
+import { faChevronLeft, faChevronRight, faTimes, faExpand,faShareAlt } from "@fortawesome/free-solid-svg-icons";
 
 // Import images
 import AkshatImage from "../assets/Timepic.jpg";
@@ -82,6 +82,9 @@ const Models = () => {
                     <button className="view-icon" onClick={() => handleImageClick(images[currentImageIndex])}>
                         <FontAwesomeIcon icon={faExpand} />
                     </button>
+                    <button className="share-icon">
+                        <FontAwesomeIcon icon={faShareAlt} />
+                    </button>
                 </div>
                 <button onClick={nextImage} className="carousel-button">
                     <FontAwesomeIcon icon={faChevronRight} />