From cba32933267072c09bdefe79d49290a9e0c42a11 Mon Sep 17 00:00:00 2001
From: Fangdun Tsai <cfddream@gmail.com>
Date: Tue, 9 May 2023 10:13:11 +0800
Subject: [PATCH] fix: width of cmd-item button on quick-search modal (#2273)

---
 .../pure/quick-search-modal/index.tsx         | 44 +++++++++----------
 .../pure/quick-search-modal/style.ts          |  2 +-
 2 files changed, 22 insertions(+), 24 deletions(-)

diff --git a/apps/web/src/components/pure/quick-search-modal/index.tsx b/apps/web/src/components/pure/quick-search-modal/index.tsx
index 5c4e50d30..b6744ccb9 100644
--- a/apps/web/src/components/pure/quick-search-modal/index.tsx
+++ b/apps/web/src/components/pure/quick-search-modal/index.tsx
@@ -159,15 +159,7 @@ export const QuickSearchModal: React.FC<QuickSearchModalProps> = ({
             <StyledContent
               style={{ display: isPublicAndNoQuery() ? 'none' : '' }}
             >
-              {!isPublicWorkspace ? (
-                <Results
-                  query={query}
-                  onClose={handleClose}
-                  router={router}
-                  blockSuiteWorkspace={blockSuiteWorkspace}
-                  setShowCreatePage={setShowCreatePage}
-                />
-              ) : (
+              {isPublicWorkspace ? (
                 <PublishedResults
                   blockSuiteWorkspace={blockSuiteWorkspace}
                   query={query}
@@ -176,22 +168,28 @@ export const QuickSearchModal: React.FC<QuickSearchModalProps> = ({
                   setPublishWorkspaceName={setPublishWorkspaceName}
                   data-testid="published-search-results"
                 />
+              ) : (
+                <Results
+                  query={query}
+                  onClose={handleClose}
+                  router={router}
+                  blockSuiteWorkspace={blockSuiteWorkspace}
+                  setShowCreatePage={setShowCreatePage}
+                />
               )}
             </StyledContent>
-            {!isPublicWorkspace ? (
-              showCreatePage ? (
-                <>
-                  <StyledModalDivider />
-                  <StyledModalFooter>
-                    <Footer
-                      query={query}
-                      onClose={handleClose}
-                      blockSuiteWorkspace={blockSuiteWorkspace}
-                      router={router}
-                    />
-                  </StyledModalFooter>
-                </>
-              ) : null
+            {isPublicWorkspace ? null : showCreatePage ? (
+              <>
+                <StyledModalDivider />
+                <StyledModalFooter>
+                  <Footer
+                    query={query}
+                    onClose={handleClose}
+                    blockSuiteWorkspace={blockSuiteWorkspace}
+                    router={router}
+                  />
+                </StyledModalFooter>
+              </>
             ) : null}
           </Command.List>
         </Command>
diff --git a/apps/web/src/components/pure/quick-search-modal/style.ts b/apps/web/src/components/pure/quick-search-modal/style.ts
index df6513282..4005419c4 100644
--- a/apps/web/src/components/pure/quick-search-modal/style.ts
+++ b/apps/web/src/components/pure/quick-search-modal/style.ts
@@ -161,7 +161,7 @@ export const StyledModalFooterContent = styled('button')(() => {
 });
 export const StyledListItem = styled('button')(() => {
   return {
-    // width: '612px',
+    width: '100%',
     height: '32px',
     fontSize: 'inherit',
     color: 'inherit',