fix: close icon postion error

This commit is contained in:
DiamondThree 2023-02-03 11:47:04 +08:00
parent efddd3ddb5
commit 32d6c07450

View File

@ -1,11 +1,12 @@
import { styled } from '@/styles'; import { styled } from '@/styles';
import { Modal, ModalWrapper, ModalCloseButton } from '@/ui/modal'; import { Modal, ModalWrapper, ModalCloseButton } from '@/ui/modal';
import { Button } from '@/ui/button'; import { Button, IconButton } from '@/ui/button';
import { useTranslation } from '@affine/i18n'; import { useTranslation } from '@affine/i18n';
import { useAppState } from '@/providers/app-state-provider'; import { useAppState } from '@/providers/app-state-provider';
import { useState } from 'react'; import { useState } from 'react';
import router from 'next/router'; import router from 'next/router';
import { toast } from '@/ui/toast'; import { toast } from '@/ui/toast';
import { CloseIcon } from '@blocksuite/icons';
interface EnableWorkspaceModalProps { interface EnableWorkspaceModalProps {
open: boolean; open: boolean;
onClose: () => void; onClose: () => void;
@ -22,11 +23,13 @@ export const EnableWorkspaceModal = ({
<Modal open={open} onClose={onClose} data-testid="logout-modal"> <Modal open={open} onClose={onClose} data-testid="logout-modal">
<ModalWrapper width={560} height={292}> <ModalWrapper width={560} height={292}>
<Header> <Header>
<ModalCloseButton <IconButton
onClick={() => { onClick={() => {
onClose(); onClose();
}} }}
/> >
<CloseIcon />
</IconButton>
</Header> </Header>
<Content> <Content>
<ContentTitle>{t('Enable AFFiNE Cloud')}?</ContentTitle> <ContentTitle>{t('Enable AFFiNE Cloud')}?</ContentTitle>