Comments were removed and spacing was added to all the stacks issue #…

…1270
bluewave-labs · Dec 6, 2024 · 9e9d561 · 9e9d561
1 parent ecd1282
commit 9e9d561
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 14 deletions.
diff --git a/Client/src/Components/TabPanels/Account/PasswordPanel.jsx b/Client/src/Components/TabPanels/Account/PasswordPanel.jsx
@@ -21,9 +21,8 @@ const PasswordPanel = () => {
 	const theme = useTheme();
 	const dispatch = useDispatch();
 
-	// Define the constant for consistent gap
-	const SPACING_GAP = theme.spacing(12); // EDITED: Added a constant for gap size.
 
+	const SPACING_GAP = theme.spacing(12); 
 
 	//redux state
 	const { authToken, isLoading } = useSelector((state) => state.auth);
@@ -131,7 +130,7 @@ const PasswordPanel = () => {
 					direction="row"
 					justifyContent={"flex-start"}
 					alignItems={"center"}
-					gap={SPACING_GAP} // Replaced gap with SPACING_GAP constant
+					gap={SPACING_GAP} 
 					flexWrap={"wrap"}
 				>
 					<Typography
@@ -156,7 +155,7 @@ const PasswordPanel = () => {
 				<Stack
 					direction="row"
 					alignItems={"center"}
-					gap={SPACING_GAP} //Replaced gap with SPACING_GAP constant
+					gap={SPACING_GAP} 
 					flexWrap={"wrap"}
 				>
 					<Typography
@@ -182,7 +181,7 @@ const PasswordPanel = () => {
 				<Stack
 					direction="row"
 					alignItems={"center"}
-					gap={SPACING_GAP} //Replaced gap with SPACING_GAP constant
+					gap={SPACING_GAP} 
 					flexWrap={"wrap"}
 				>
 					<Typography

diff --git a/Client/src/Components/TabPanels/Account/ProfilePanel.jsx b/Client/src/Components/TabPanels/Account/ProfilePanel.jsx
@@ -30,7 +30,6 @@ const ProfilePanel = () => {
 	const theme = useTheme();
 	const dispatch = useDispatch();
 
-	// Define the constant for consistent gap
 	const SPACING_GAP = theme.spacing(12);
 
 	//redux state
@@ -226,9 +225,9 @@ const ProfilePanel = () => {
 				className="edit-profile-form"
 				noValidate
 				spellCheck="false"
-				gap={SPACING_GAP} // Applied SPACING_GAP for consistent spacing
+				gap={SPACING_GAP} 
 			>
-				<Stack direction="row">
+				<Stack direction="row" gap={SPACING_GAP}>
 					<Box flex={0.9}>
 						<Typography component="h1">First name</Typography>
 					</Box>
@@ -243,7 +242,7 @@ const ProfilePanel = () => {
 						flex={1}
 					/>
 				</Stack>
-				<Stack direction="row">
+				<Stack direction="row" gap={SPACING_GAP}>
 					<Box flex={0.9}>
 						<Typography component="h1">Last name</Typography>
 					</Box>
@@ -258,7 +257,7 @@ const ProfilePanel = () => {
 						flex={1}
 					/>
 				</Stack>
-				<Stack direction="row">
+				<Stack direction="row" gap={SPACING_GAP}>
 					<Stack flex={0.9}>
 						<Typography component="h1">Email</Typography>
 						<Typography
@@ -278,7 +277,7 @@ const ProfilePanel = () => {
 						flex={1}
 					/>
 				</Stack>
-				<Stack direction="row">
+				<Stack direction="row" gap={SPACING_GAP}>
 					<Stack flex={0.9}>
 						<Typography component="h1">Your photo</Typography>
 						<Typography

diff --git a/Client/src/Components/TabPanels/Account/TeamPanel.jsx b/Client/src/Components/TabPanels/Account/TeamPanel.jsx
@@ -30,7 +30,6 @@ const TeamPanel = () => {
 
 	const theme = useTheme();
 
-	// Define the constant for consistent gap
 	const SPACING_GAP = theme.spacing(12);
 
 	const { authToken, user } = useSelector((state) => state.auth);
@@ -278,7 +277,7 @@ const TeamPanel = () => {
 				component="form"
 				noValidate
 				spellCheck="false"
-				gap={SPACING_GAP} // Added a constant Spacing gap
+				gap={SPACING_GAP} 
 			>
 				<Typography component="h1">Team members</Typography>
 				<Stack
@@ -342,7 +341,7 @@ const TeamPanel = () => {
 				theme={theme}
 			>
 				<TextInput
-					marginBottom={SPACING_GAP}  // Applied SPACING_GAP for consistent spacing
+					marginBottom={SPACING_GAP} 
 					type="email"
 					id="input-team-member"
 					placeholder="Email"