[FEATURE]: add form buttons to create team page (#520)

feat: add layout of cancel and create team btn
xgeekshq · Oct 21, 2022 · 6b6e4a3 · 6b6e4a3
1 parent 9902862
commit 6b6e4a3
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/frontend/src/components/Teams/CreateTeam/ListCardsMembers/index.tsx b/frontend/src/components/Teams/CreateTeam/ListCardsMembers/index.tsx
@@ -10,7 +10,7 @@ const TeamMembersList = () => {
 	const { data: session } = useSession();
 
 	return session ? (
-		<Flex css={{ mt: '$56' }} direction="column">
+		<Flex css={{ mt: '$48' }} direction="column">
 			<Text css={{ mb: '$16' }} heading="3">
 				Team Members
 			</Text>

diff --git a/frontend/src/pages/teams/new.tsx b/frontend/src/pages/teams/new.tsx
@@ -12,6 +12,7 @@ import TeamName from '../../components/Teams/CreateTeam/TeamName';
 import TipBar from '../../components/Teams/CreateTeam/TipBar';
 import SchemaCreateTeam from '../../schema/schemaCreateTeamForm';
 import {
+	ButtonsContainer,
 	Container,
 	ContentContainer,
 	InnerContent,
@@ -61,6 +62,12 @@ const NewTeam: NextPage = () => {
 								<TeamsMembersList />
 							</FormProvider>
 						</InnerContent>
+						<ButtonsContainer gap="24" justify="end">
+							<Button type="button" variant="lightOutline" onClick={handleBack}>
+								Cancel
+							</Button>
+							<Button type="submit">Create team</Button>
+						</ButtonsContainer>
 					</StyledForm>
 				</SubContainer>
 				<TipBar />

diff --git a/frontend/src/styles/pages/boards/new.styles.tsx b/frontend/src/styles/pages/boards/new.styles.tsx
@@ -93,7 +93,7 @@ const ButtonsContainer = styled(Flex, {
 	bottom: 0,
 	left: 0,
 	right: 0,
-
+	borderTop: '0.8px solid $primary200',
 	py: '$16',
 	pr: '$32',