luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

chore: update publishPage style

Browse Source
This commit is contained in:
JimmFly
2023-01-18 16:00:23 +08:00
parent 48ac7aad60
commit 5006c2360a
1 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
packages/app/src/components/workspace-setting/PublishPage.tsx
View File

@@ -4,6 +4,7 @@ import {
StyledPublishCopyContainer, StyledPublishCopyContainer,
StyledPublishExplanation, StyledPublishExplanation,
StyledSettingH2, StyledSettingH2,
StyledStopPublishContainer,
} from './style'; } from './style';
import { useState } from 'react'; import { useState } from 'react';
import { Button } from '@/ui/button'; import { Button } from '@/ui/button';
@@ -42,7 +43,9 @@ export const PublishPage = ({ workspace }: { workspace: WorkspaceUnit }) => {
<StyledPublishExplanation> <StyledPublishExplanation>
{t('Publishing')} {t('Publishing')}
</StyledPublishExplanation> </StyledPublishExplanation>
<StyledSettingH2>{t('Share with link')}</StyledSettingH2> <StyledSettingH2 marginTop={48}>
{t('Share with link')}
</StyledSettingH2>
<StyledPublishCopyContainer> <StyledPublishCopyContainer>
<Input width={500} value={shareUrl} disabled={true}></Input> <Input width={500} value={shareUrl} disabled={true}></Input>
<StyledCopyButtonContainer> <StyledCopyButtonContainer>
@@ -54,24 +57,27 @@ export const PublishPage = ({ workspace }: { workspace: WorkspaceUnit }) => {
</> </>
) : ( ) : (
<StyledPublishExplanation> <StyledPublishExplanation>
{'Publishing Description'} {t('Publishing Description')}
</StyledPublishExplanation> </StyledPublishExplanation>
)} )}
</StyledPublishContent> </StyledPublishContent>
<StyledPublishCopyContainer>
{workspace.published ? ( {workspace.published ? (
<StyledStopPublishContainer>
<Button <Button
onClick={async () => { onClick={async () => {
setLoaded(false); setLoaded(false);
await togglePublic(false); await togglePublic(false);
setLoaded(true); setLoaded(true);
}} }}
type="primary" type="danger"
shape="circle" shape="circle"
> >
{t('Stop publishing')} {t('Stop publishing')}
</Button> </Button>
) : ( </StyledStopPublishContainer>
) : (
<StyledPublishCopyContainer>
<Button <Button
onClick={async () => { onClick={async () => {
setLoaded(false); setLoaded(false);
@@ -83,8 +89,8 @@ export const PublishPage = ({ workspace }: { workspace: WorkspaceUnit }) => {
> >
{t('Publish to web')} {t('Publish to web')}
</Button> </Button>
)} </StyledPublishCopyContainer>
</StyledPublishCopyContainer> )}
</div> </div>
) : ( ) : (
<StyledPublishContent> <StyledPublishContent>