fix: demond load outline

frontend/appflowy_web_app/src/components/global-comment/AddComment.tsx

@@ -167,6 +167,7 @@ function AddComment() {
           </Button>
         </div>
       )}
+      {loginOpen && (
         <LoginModal
           redirectTo={url}
           open={loginOpen}
@@ -174,6 +175,7 @@ function AddComment() {
             setLoginOpen(false);
           }}
         />
+      )}
     </div>
   );
 }

frontend/appflowy_web_app/src/components/global-comment/actions/MoreActions.tsx

@@ -125,6 +125,7 @@ function MoreActions({ comment }: { comment: GlobalComment }) {
           <MoreIcon className={'h-4 w-4'} />
         </IconButton>
       </RichTooltip>
+      {deleteModalOpen && (
         <NormalModal
           PaperProps={{
             sx: {
@@ -145,6 +146,7 @@ function MoreActions({ comment }: { comment: GlobalComment }) {
             {t('globalComment.confirmDeleteDescription')}
           </div>
         </NormalModal>
+      )}
     </>
   );
 }

frontend/appflowy_web_app/src/components/publish/header/MoreActions.tsx

@@ -76,6 +76,7 @@ function MoreActions() {
       <IconButton onClick={handleClick}>
         <MoreIcon className={'text-text-caption'} />
       </IconButton>
+      {open && (
         <Popover
           anchorOrigin={{
             vertical: 'bottom',
@@ -109,7 +110,9 @@ function MoreActions() {
               onClick={() => {
                 window.open('https://appflowy.io', '_blank');
               }}
-            className={'flex w-full cursor-pointer items-center justify-center py-2 text-sm text-text-title opacity-50'}
+              className={
+                'flex w-full cursor-pointer items-center justify-center py-2 text-sm text-text-title opacity-50'
+              }
             >
               Powered by
               <Logo className={'ml-3 h-4 w-4'} />
@@ -117,6 +120,7 @@ function MoreActions() {
             </div>
           </div>
         </Popover>
+      )}
     </>
   );
 }

frontend/appflowy_web_app/src/components/publish/header/PublishViewHeader.tsx

@@ -67,7 +67,7 @@ export function PublishViewHeader({ onOpenDrawer, openDrawer }: { onOpenDrawer:
     >
       <div className={'flex w-full items-center justify-between gap-2 overflow-hidden'}>
         <Suspense fallback={null}>
-          {!openDrawer && (
+          {!openDrawer && openPopover && (
             <OutlinePopover
               onMouseEnter={handleOpenPopover}
               onMouseLeave={debounceClosePopover}