From 1afdd3bf16a0ef27f0247b07bb56853eb99a3bba Mon Sep 17 00:00:00 2001
From: MingLiang Wang <mingliangwang0o0@gmail.com>
Date: Mon, 19 Dec 2022 14:20:04 +0800
Subject: [PATCH] feat: restyle create workspace button

---
 .../CreateWorkspaceItem/workspace-create/style.ts         | 8 ++++++++
 .../workspace-create/workspace-create.tsx                 | 8 ++++----
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/style.ts b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/style.ts
index 81c3f1d13c..7b66216661 100644
--- a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/style.ts
+++ b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/style.ts
@@ -1,4 +1,5 @@
 import { styled } from '@/styles';
+import { Button } from '@/ui/button';
 
 export const StyledModalWrapper = styled('div')(({ theme }) => {
   return {
@@ -53,3 +54,10 @@ export const StyledButtonContent = styled('div')(({ theme }) => {
     margin: '0px 0 32px 0',
   };
 });
+
+export const StyledButton = styled(Button)(({ theme }) => {
+  return {
+    width: '260px',
+    justifyContent: 'center',
+  };
+});
diff --git a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/workspace-create.tsx b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/workspace-create.tsx
index e4b5b5902b..b9f649f20f 100644
--- a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/workspace-create.tsx
+++ b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/workspace-create.tsx
@@ -8,6 +8,7 @@ import {
   StyledModalWrapper,
   StyledInputContent,
   StyledButtonContent,
+  StyledButton,
 } from './style';
 import { useState } from 'react';
 import { ModalCloseButton } from '@/ui/modal';
@@ -26,7 +27,7 @@ export const WorkspaceCreate = ({ open, onClose }: WorkspaceCreateProps) => {
   return (
     <Modal open={open} onClose={onClose}>
       <StyledModalWrapper>
-        <ModalCloseButton />
+        <ModalCloseButton onClick={onClose} />
         <StyledModalHeader>Create new Workspace</StyledModalHeader>
         <StyledTextContent>
           Workspaces are shared environments where teams can collaborate. After
@@ -40,15 +41,14 @@ export const WorkspaceCreate = ({ open, onClose }: WorkspaceCreateProps) => {
           ></Input>
         </StyledInputContent>
         <StyledButtonContent>
-          <Button
+          <StyledButton
             disabled={!workspaceName.length}
-            style={{ width: '260px' }}
             onClick={() => {
               createWorkspace({ name: workspaceName, avatar: '' });
             }}
           >
             Create
-          </Button>
+          </StyledButton>
         </StyledButtonContent>
       </StyledModalWrapper>
     </Modal>