From b964030ce8ddc2b29eef6ae394e62919cb832437 Mon Sep 17 00:00:00 2001
From: ahmedmgamal94 <98055904+ahmedmgamal94@users.noreply.github.com>
Date: Fri, 30 Aug 2024 12:03:09 -0700
Subject: [PATCH] readjusted format

---
 src/components/LoadoutCustomization.tsx       |  3 +-
 .../armor/components/ArmorCustomization.tsx   | 54 -------------------
 2 files changed, 2 insertions(+), 55 deletions(-)
 delete mode 100644 src/features/armor/components/ArmorCustomization.tsx

diff --git a/src/components/LoadoutCustomization.tsx b/src/components/LoadoutCustomization.tsx
index 24fac35..364bd12 100644
--- a/src/components/LoadoutCustomization.tsx
+++ b/src/components/LoadoutCustomization.tsx
@@ -6,6 +6,7 @@ import ModCustomization from '../features/armor/components/ModCustomization';
 import EquipLoadout from '../features/loadouts/components/EquipLoadout';
 import AbilitiesModification from '../features/subclass/AbilitiesModification';
 import { ManifestSubclass } from '../types/manifest-types';
+import ShareLoadout from '../features/loadouts/components/ShareLoadout';
 
 interface LoadoutCustomizationProps {
   onBackClick: () => void;
@@ -71,7 +72,7 @@ const LoadoutCustomization: React.FC<LoadoutCustomizationProps> = ({
         </Grid>
         <Grid item md={1} sx={{ textAlign: 'center' }}>
           <EquipLoadout />
-          SHARE LOADOUT BUTTON ?
+          <ShareLoadout />
         </Grid>
       </Grid>
     </Box>
diff --git a/src/features/armor/components/ArmorCustomization.tsx b/src/features/armor/components/ArmorCustomization.tsx
deleted file mode 100644
index 59231f9..0000000
--- a/src/features/armor/components/ArmorCustomization.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from 'react';
-import './ArmorCustomization.css';
-import LoadoutArmor from './LoadoutArmor';
-import EquipLoadout from '../../loadouts/components/EquipLoadout';
-import { ManifestSubclass } from '../../../types/manifest-types';
-import AbilitiesModification from '../../subclass/AbilitiesModification';
-import { Button, Box } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import ShareLoadout from '../../loadouts/components/ShareLoadout';
-
-interface ArmorCustomizationProps {
-  onBackClick: () => void;
-  screenshot: string;
-  subclass: ManifestSubclass;
-}
-
-const TransparentButton = styled(Button)(({ theme }) => ({
-  background: 'transparent',
-  color: 'white',
-  padding: theme.spacing(1, 2),
-  '&:hover': {
-    background: 'rgba(255, 255, 255, 0.1)',
-  },
-  '& .MuiButton-startIcon': {
-    marginRight: theme.spacing(1),
-  },
-}));
-
-const ArmorCustomization: React.FC<ArmorCustomizationProps> = ({
-  onBackClick,
-  screenshot,
-  subclass,
-}) => {
-  return (
-    <div className="armor-customization-wrapper" style={{ backgroundImage: `url(${screenshot})` }}>
-      <Box position="absolute" top={16} left={16} zIndex={1000}>
-        <TransparentButton
-          onClick={onBackClick}
-          startIcon={<span style={{ fontSize: '1.2em' }}>←</span>}
-        >
-          Back
-        </TransparentButton>
-      </Box>
-      <div className="left-panel">
-        <LoadoutArmor />
-        <EquipLoadout />
-        <ShareLoadout /> {/* Add the ShareLoadout component here */}
-      </div>
-      <AbilitiesModification subclass={subclass} />
-    </div>
-  );
-};
-
-export default ArmorCustomization;