coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

chore: Upgrade Prettier 1.8 -> 2.0 (#1436)

Browse Source
This commit is contained in:
Tom Moor
2020-08-08 18:53:11 -07:00
committed by GitHub
parent 68dcb4de5f
commit e312b264a6
218 changed files with 1156 additions and 1169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
app/scenes/Document/components/Document.js
View File

@ -298,7 +298,7 @@ class DocumentScene extends React.Component<Props> {
this.isUploading = false;
};
onChange = getEditorText => {
onChange = (getEditorText) => {
this.getEditorText = getEditorText;
// document change while read only is presumed to be a checkbox edit,
@ -312,7 +312,7 @@ class DocumentScene extends React.Component<Props> {
}
};
onChangeTitle = event => {
onChangeTitle = (event) => {
this.title = event.target.value;
this.updateIsDirtyDebounced();
this.autosave();
@ -409,22 +409,20 @@ class DocumentScene extends React.Component<Props> {
column
auto
>
{document.isTemplate &&
!readOnly && (
<Notice muted>
You’re editing a template. Highlight some text and use the{" "}
<PlaceholderIcon color="currentColor" /> control to add
placeholders that can be filled out when creating new
documents from this template.
</Notice>
)}
{document.archivedAt &&
!document.deletedAt && (
<Notice muted>
Archived by {document.updatedBy.name}{" "}
<Time dateTime={document.archivedAt} /> ago
</Notice>
)}
{document.isTemplate && !readOnly && (
<Notice muted>
You’re editing a template. Highlight some text and use the{" "}
<PlaceholderIcon color="currentColor" /> control to add
placeholders that can be filled out when creating new
documents from this template.
</Notice>
)}
{document.archivedAt && !document.deletedAt && (
<Notice muted>
Archived by {document.updatedBy.name}{" "}
<Time dateTime={document.archivedAt} /> ago
</Notice>
)}
{document.deletedAt && (
<Notice muted>
Deleted by {document.updatedBy.name}{" "}
@ -440,15 +438,14 @@ class DocumentScene extends React.Component<Props> {
</Notice>
)}
<Flex auto={!readOnly}>
{ui.tocVisible &&
readOnly && (
<Contents
headings={this.editor ? this.editor.getHeadings() : []}
/>
)}
{ui.tocVisible && readOnly && (
<Contents
headings={this.editor ? this.editor.getHeadings() : []}
/>
)}
<Editor
id={document.id}
ref={ref => {
ref={(ref) => {
if (ref) {
this.editor = ref;
}
@ -476,16 +473,14 @@ class DocumentScene extends React.Component<Props> {
ui={this.props.ui}
/>
</Flex>
{readOnly &&
!isShare &&
!revision && (
<React.Fragment>
<MarkAsViewed document={document} />
<ReferencesWrapper isOnlyTitle={document.isOnlyTitle}>
<References document={document} />
</ReferencesWrapper>
</React.Fragment>
)}
{readOnly && !isShare && !revision && (
<React.Fragment>
<MarkAsViewed document={document} />
<ReferencesWrapper isOnlyTitle={document.isOnlyTitle}>
<References document={document} />
</ReferencesWrapper>
</React.Fragment>
)}
</MaxWidth>
</Container>
</Background>
@ -501,12 +496,12 @@ const PlaceholderIcon = styled(InputIcon)`
`;
const Background = styled(Container)`
background: ${props => props.theme.background};
transition: ${props => props.theme.backgroundTransition};
background: ${(props) => props.theme.background};
transition: ${(props) => props.theme.backgroundTransition};
`;
const ReferencesWrapper = styled("div")`
margin-top: ${props => (props.isOnlyTitle ? -45 : 16)}px;
margin-top: ${(props) => (props.isOnlyTitle ? -45 : 16)}px;
@media print {
display: none;
@ -514,7 +509,7 @@ const ReferencesWrapper = styled("div")`
`;
const MaxWidth = styled(Flex)`
${props =>
${(props) =>
props.archived && `* { color: ${props.theme.textSecondary} !important; } `};
padding: 0 16px;
max-width: 100vw;
@ -523,7 +518,7 @@ const MaxWidth = styled(Flex)`
${breakpoint("tablet")`
padding: 0 24px;
margin: 4px auto 12px;
max-width: calc(48px + ${props => (props.tocVisible ? "64em" : "46em")});
max-width: calc(48px + ${(props) => (props.tocVisible ? "64em" : "46em")});
`};
${breakpoint("desktopLarge")`