yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: Move to prettier standard double quotes (#1309)

Browse Source
This commit is contained in:
Tom Moor
2020-06-20 13:59:15 -07:00
committed by GitHub
parent 2a3b9e2104
commit f43deb7940
444 changed files with 5988 additions and 5977 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
app/scenes/Settings/components/EventListItem.js
View File

@@ -1,12 +1,12 @@
// @flow
import * as React from 'react';
import { Link } from 'react-router-dom';
import { capitalize } from 'lodash';
import styled from 'styled-components';
import Time from 'shared/components/Time';
import ListItem from 'components/List/Item';
import Avatar from 'components/Avatar';
import Event from 'models/Event';
import * as React from "react";
import { Link } from "react-router-dom";
import { capitalize } from "lodash";
import styled from "styled-components";
import Time from "shared/components/Time";
import ListItem from "components/List/Item";
import Avatar from "components/Avatar";
import Event from "models/Event";
type Props = {
event: Event,
@@ -14,104 +14,104 @@ type Props = {
const description = event => {
switch (event.name) {
case 'api_keys.create':
case "api_keys.create":
return (
<React.Fragment>
Created the API token <strong>{event.data.name}</strong>
</React.Fragment>
);
case 'api_keys.delete':
case "api_keys.delete":
return (
<React.Fragment>
Revoked the API token <strong>{event.data.name}</strong>
</React.Fragment>
);
case 'teams.create':
return 'Created the team';
case 'shares.create':
case 'shares.revoke':
case "teams.create":
return "Created the team";
case "shares.create":
case "shares.revoke":
return (
<React.Fragment>
{capitalize(event.verbPastTense)} a{' '}
<Link to={`/share/${event.modelId || ''}`}>public link</Link> to the{' '}
<Link to={`/doc/${event.documentId}`}>{event.data.name}</Link>{' '}
{capitalize(event.verbPastTense)} a{" "}
<Link to={`/share/${event.modelId || ""}`}>public link</Link> to the{" "}
<Link to={`/doc/${event.documentId}`}>{event.data.name}</Link>{" "}
document
</React.Fragment>
);
case 'users.create':
case "users.create":
return (
<React.Fragment>{event.data.name} created an account</React.Fragment>
);
case 'users.invite':
case "users.invite":
return (
<React.Fragment>
{capitalize(event.verbPastTense)} {event.data.name} (<a
href={`mailto:${event.data.email || ''}`}
href={`mailto:${event.data.email || ""}`}
>
{event.data.email || ''}
{event.data.email || ""}
</a>)
</React.Fragment>
);
case 'users.suspend':
case "users.suspend":
return (
<React.Fragment>
Suspended <strong>{event.data.name}’s</strong> account
</React.Fragment>
);
case 'users.activate':
case "users.activate":
return (
<React.Fragment>
Unsuspended <strong>{event.data.name}’s</strong> account
</React.Fragment>
);
case 'users.promote':
case "users.promote":
return (
<React.Fragment>
Made <strong>{event.data.name}</strong> an admin
</React.Fragment>
);
case 'users.demote':
case "users.demote":
return (
<React.Fragment>
Made <strong>{event.data.name}</strong> a member
</React.Fragment>
);
case 'users.delete':
return 'Deleted their account';
case 'groups.create':
case "users.delete":
return "Deleted their account";
case "groups.create":
return (
<React.Fragment>
Created the group <strong>{event.data.name}</strong>
</React.Fragment>
);
case 'groups.update':
case "groups.update":
return (
<React.Fragment>
Update the group <strong>{event.data.name}</strong>
</React.Fragment>
);
case 'groups.delete':
case "groups.delete":
return (
<React.Fragment>
Deleted the group <strong>{event.data.name}</strong>
</React.Fragment>
);
case 'collections.add_user':
case 'collections.add_group':
case "collections.add_user":
case "collections.add_group":
return (
<React.Fragment>
Granted <strong>{event.data.name}</strong> access to a{' '}
<Link to={`/collections/${event.collectionId || ''}`}>
Granted <strong>{event.data.name}</strong> access to a{" "}
<Link to={`/collections/${event.collectionId || ""}`}>
collection
</Link>
</React.Fragment>
);
case 'collections.remove_user':
case 'collections.remove_group':
case "collections.remove_user":
case "collections.remove_group":
return (
<React.Fragment>
Revoked <strong>{event.data.name}</strong> access to a{' '}
<Link to={`/collections/${event.collectionId || ''}`}>
Revoked <strong>{event.data.name}</strong> access to a{" "}
<Link to={`/collections/${event.collectionId || ""}`}>
collection
</Link>
</React.Fragment>
@@ -120,7 +120,7 @@ const description = event => {
}
if (event.documentId) {
if (event.name === 'documents.delete') {
if (event.name === "documents.delete") {
return (
<React.Fragment>
Deleted the <strong>{event.data.title}</strong> document
@@ -129,13 +129,13 @@ const description = event => {
}
return (
<React.Fragment>
{capitalize(event.verbPastTense)} the{' '}
{capitalize(event.verbPastTense)} the{" "}
<Link to={`/doc/${event.documentId}`}>{event.data.title}</Link> document
</React.Fragment>
);
}
if (event.collectionId) {
if (event.name === 'collections.delete') {
if (event.name === "collections.delete") {
return (
<React.Fragment>
Deleted the <strong>{event.data.name}</strong> collection
@@ -144,10 +144,10 @@ const description = event => {
}
return (
<React.Fragment>
{capitalize(event.verbPastTense)} the{' '}
<Link to={`/collections/${event.collectionId || ''}`}>
{capitalize(event.verbPastTense)} the{" "}
<Link to={`/collections/${event.collectionId || ""}`}>
{event.data.name}
</Link>{' '}
</Link>{" "}
collection
</React.Fragment>
);
@@ -159,7 +159,7 @@ const description = event => {
</React.Fragment>
);
}
return '';
return "";
};
const EventListItem = ({ event }: Props) => {
@@ -170,7 +170,7 @@ const EventListItem = ({ event }: Props) => {
image={<Avatar src={event.actor.avatarUrl} size={32} />}
subtitle={
<React.Fragment>
{description(event)} <Time dateTime={event.createdAt} /> ago &middot;{' '}
{description(event)} <Time dateTime={event.createdAt} /> ago &middot;{" "}
<strong>{event.name}</strong>
</React.Fragment>
}
@@ -193,7 +193,7 @@ const EventListItem = ({ event }: Props) => {
);
};
const IP = styled('span')`
const IP = styled("span")`
color: ${props => props.theme.textTertiary};
font-size: 12px;
`;

32
app/scenes/Settings/components/ImageUpload.js
View File

@@ -1,16 +1,16 @@
// @flow
import * as React from 'react';
import { observable } from 'mobx';
import { observer, inject } from 'mobx-react';
import styled from 'styled-components';
import Dropzone from 'react-dropzone';
import LoadingIndicator from 'components/LoadingIndicator';
import Flex from 'shared/components/Flex';
import Modal from 'components/Modal';
import Button from 'components/Button';
import AvatarEditor from 'react-avatar-editor';
import { uploadFile, dataUrlToBlob } from 'utils/uploadFile';
import UiStore from 'stores/UiStore';
import * as React from "react";
import { observable } from "mobx";
import { observer, inject } from "mobx-react";
import styled from "styled-components";
import Dropzone from "react-dropzone";
import LoadingIndicator from "components/LoadingIndicator";
import Flex from "shared/components/Flex";
import Modal from "components/Modal";
import Button from "components/Button";
import AvatarEditor from "react-avatar-editor";
import { uploadFile, dataUrlToBlob } from "utils/uploadFile";
import UiStore from "stores/UiStore";
type Props = {
children?: React.Node,
@@ -30,7 +30,7 @@ class ImageUpload extends React.Component<Props> {
avatarEditorRef: AvatarEditor;
static defaultProps = {
submitText: 'Crop Picture',
submitText: "Crop Picture",
borderRadius: 150,
};
@@ -92,7 +92,7 @@ class ImageUpload extends React.Component<Props> {
border={25}
borderRadius={this.props.borderRadius}
color={
ui.theme === 'light' ? [255, 255, 255, 0.6] : [0, 0, 0, 0.6]
ui.theme === "light" ? [255, 255, 255, 0.6] : [0, 0, 0, 0.6]
} // RGBA
scale={this.zoom}
rotate={0}
@@ -107,7 +107,7 @@ class ImageUpload extends React.Component<Props> {
onChange={this.handleZoom}
/>
<CropButton onClick={this.handleCrop} disabled={this.isUploading}>
{this.isUploading ? 'Uploading…' : submitText}
{this.isUploading ? "Uploading…" : submitText}
</CropButton>
</Flex>
</Modal>
@@ -167,4 +167,4 @@ const CropButton = styled(Button)`
width: 300px;
`;
export default inject('ui')(ImageUpload);
export default inject("ui")(ImageUpload);

6
app/scenes/Settings/components/NotificationListItem.js
View File

@@ -1,7 +1,7 @@
// @flow
import * as React from 'react';
import Checkbox from 'components/Checkbox';
import NotificationSetting from 'models/NotificationSetting';
import * as React from "react";
import Checkbox from "components/Checkbox";
import NotificationSetting from "models/NotificationSetting";
type Props = {
setting?: NotificationSetting,

12
app/scenes/Settings/components/ShareListItem.js
View File

@@ -1,9 +1,9 @@
// @flow
import * as React from 'react';
import ShareMenu from 'menus/ShareMenu';
import ListItem from 'components/List/Item';
import Time from 'shared/components/Time';
import Share from 'models/Share';
import * as React from "react";
import ShareMenu from "menus/ShareMenu";
import ListItem from "components/List/Item";
import Time from "shared/components/Time";
import Share from "models/Share";
type Props = {
share: Share,
@@ -16,7 +16,7 @@ const ShareListItem = ({ share }: Props) => {
title={share.documentTitle}
subtitle={
<React.Fragment>
Shared <Time dateTime={share.createdAt} /> ago by{' '}
Shared <Time dateTime={share.createdAt} /> ago by{" "}
{share.createdBy.name}
</React.Fragment>
}

10
app/scenes/Settings/components/SlackButton.js
View File

@@ -1,9 +1,9 @@
// @flow
import * as React from 'react';
import styled from 'styled-components';
import { slackAuth } from 'shared/utils/routeHelpers';
import SlackLogo from 'shared/components/SlackLogo';
import Button from 'components/Button';
import * as React from "react";
import styled from "styled-components";
import { slackAuth } from "shared/utils/routeHelpers";
import SlackLogo from "shared/components/SlackLogo";
import Button from "components/Button";
type Props = {
scopes?: string[],

8
app/scenes/Settings/components/TokenListItem.js
View File

@@ -1,8 +1,8 @@
// @flow
import * as React from 'react';
import Button from 'components/Button';
import ListItem from 'components/List/Item';
import ApiKey from 'models/ApiKey';
import * as React from "react";
import Button from "components/Button";
import ListItem from "components/List/Item";
import ApiKey from "models/ApiKey";
type Props = {
token: ApiKey,

24
app/scenes/Settings/components/UserListItem.js
View File

@@ -1,15 +1,15 @@
// @flow
import * as React from 'react';
import styled from 'styled-components';
import { observable } from 'mobx';
import { observer } from 'mobx-react';
import UserMenu from 'menus/UserMenu';
import Avatar from 'components/Avatar';
import Badge from 'components/Badge';
import UserProfile from 'scenes/UserProfile';
import ListItem from 'components/List/Item';
import Time from 'shared/components/Time';
import User from 'models/User';
import * as React from "react";
import styled from "styled-components";
import { observable } from "mobx";
import { observer } from "mobx-react";
import UserMenu from "menus/UserMenu";
import Avatar from "components/Avatar";
import Badge from "components/Badge";
import UserProfile from "scenes/UserProfile";
import ListItem from "components/List/Item";
import Time from "shared/components/Time";
import User from "models/User";
type Props = {
user: User,
@@ -56,7 +56,7 @@ class UserListItem extends React.Component<Props> {
Active <Time dateTime={user.lastActiveAt} /> ago
</React.Fragment>
) : (
'Invited'
"Invited"
)}
{user.isAdmin && <Badge admin={user.isAdmin}>Admin</Badge>}
{user.isSuspended && <Badge>Suspended</Badge>}