Changed the images for avatar section , removed code-block.js and reu…

…sed the component Signed-off-by: NishantSinghhhhh <[email protected]>
layer5io · Oct 24, 2024 · adc7e43 · adc7e43
1 parent 4c378f5
commit adc7e43
Show file tree

Hide file tree

Showing 10 changed files with 11 additions and 32 deletions.
diff --git a/src/assets/images/avatar-images/Icon.svg b/src/assets/images/avatar-images/Icon.svg
diff --git a/src/assets/images/avatar-images/avatar.jpeg b/src/assets/images/avatar-images/avatar.jpeg
diff --git a/src/assets/images/avatar-images/avatar.png b/src/assets/images/avatar-images/avatar.png
diff --git a/src/assets/images/avatar-images/avatar1.jpeg b/src/assets/images/avatar-images/avatar1.jpeg
diff --git a/src/assets/images/avatar-images/avatar1.png b/src/assets/images/avatar-images/avatar1.png
diff --git a/src/assets/images/avatar-images/avatar2.png b/src/assets/images/avatar-images/avatar2.png
diff --git a/src/sections/Projects/Sistent/components/avatar/code-block.js b/src/sections/Projects/Sistent/components/avatar/code-block.js
diff --git a/src/sections/Projects/Sistent/components/avatar/code.js b/src/sections/Projects/Sistent/components/avatar/code.js
@@ -1,12 +1,11 @@
 import React from "react";
 import { navigate } from "gatsby";
 import { useLocation } from "@reach/router";
-
 import { SistentThemeProvider, Avatar, AvatarGroup, styled, Badge } from "@layer5/sistent";
-import { CodeBlock } from "./code-block";
+import { CodeBlock } from "../button/code-block";
 import { SistentLayout } from "../../sistent-layout";
-import Image from "../../../../../assets/images/avatar-images/avatar.jpeg";
-import Image1 from "../../../../../assets/images/avatar-images/avatar1.jpeg";
+import Image from "../../../../../assets/images/avatar-images/avatar.png";
+import Image1 from "../../../../../assets/images/avatar-images/avatar1.png";
 import Image2 from "../../../../../assets/images/avatar-images/avatar2.png";
 import TabButton from "../../../../../reusecore/Button";
 import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";
@@ -276,8 +275,8 @@ export const AvatarCode = () => {
               <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
                 <AvatarGroup>
                   <Avatar alt="User 1" src={Image} />
-                  <Avatar alt="User 2" src={Image1} />
-                  <Avatar alt="User 3" src={Image2} />
+                  <Avatar alt="User 2" src={Image} />
+                  <Avatar alt="User 3" src={Image} />
                 </AvatarGroup>
               </SistentThemeProvider>
             </div>
@@ -292,8 +291,8 @@ export const AvatarCode = () => {
               <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
                 <AvatarGroup total={24}>
                   <Avatar alt="Remy Sharp" src={Image} />
-                  <Avatar alt="Travis Howard" src={Image1} />
-                  <Avatar alt="Agnes Walker" src={Image2} />
+                  <Avatar alt="Travis Howard" src={Image} />
+                  <Avatar alt="Agnes Walker" src={Image} />
                 </AvatarGroup>
               </SistentThemeProvider>
             </div>

diff --git a/src/sections/Projects/Sistent/components/avatar/guidance.js b/src/sections/Projects/Sistent/components/avatar/guidance.js
@@ -4,8 +4,8 @@ import { useLocation } from "@reach/router";
 import { Row } from "../../../../../reusecore/Layout";
 import { SistentThemeProvider, Avatar, } from "@layer5/sistent";
 import { SistentLayout } from "../../sistent-layout";
-import Image from "../../../../../assets/images/avatar-images/avatar.jpeg";
-import Image1 from "../../../../../assets/images/avatar-images/avatar1.jpeg";
+import Image from "../../../../../assets/images/avatar-images/avatar.png";
+import Image1 from "../../../../../assets/images/avatar-images/avatar1.png";
 import Image2 from "../../../../../assets/images/avatar-images/avatar2.png";
 import TabButton from "../../../../../reusecore/Button";
 import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";

diff --git a/src/sections/Projects/Sistent/components/avatar/index.js b/src/sections/Projects/Sistent/components/avatar/index.js
@@ -7,8 +7,8 @@ import TabButton from "../../../../../reusecore/Button";
 import { SistentLayout } from "../../sistent-layout";
 import { Col, Row } from "../../../../../reusecore/Layout";
 import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";
-import Image from "../../../../../assets/images/avatar-images/avatar.jpeg";
-import Image1 from "../../../../../assets/images/avatar-images/avatar1.jpeg";
+import Image from "../../../../../assets/images/avatar-images/avatar.png";
+import Image1 from "../../../../../assets/images/avatar-images/avatar1.png";
 import Image2 from "../../../../../assets/images/avatar-images/avatar2.png";
 
 const SmallAvatar = styled(Avatar)(({ theme }) => ({