chore: Move to prettier standard double quotes (#1309)
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
// @flow
|
||||
import * as React from 'react';
|
||||
import * as React from "react";
|
||||
|
||||
function Analytics() {
|
||||
if (!process.env.GOOGLE_ANALYTICS_ID) return null;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
// @flow
|
||||
import * as React from 'react';
|
||||
import Notice from '../../../shared/components/Notice';
|
||||
import * as React from "react";
|
||||
import Notice from "../../../shared/components/Notice";
|
||||
|
||||
type Props = {
|
||||
notice?: string,
|
||||
@@ -9,49 +9,49 @@ type Props = {
|
||||
export default function AuthNotices({ notice }: Props) {
|
||||
return (
|
||||
<React.Fragment>
|
||||
{notice === 'guest-success' && (
|
||||
{notice === "guest-success" && (
|
||||
<Notice>
|
||||
A magic sign-in link has been sent to your email address, no password
|
||||
needed.
|
||||
</Notice>
|
||||
)}
|
||||
{notice === 'google-hd' && (
|
||||
{notice === "google-hd" && (
|
||||
<Notice>
|
||||
Sorry, Google sign in cannot be used with a personal email. Please try
|
||||
signing in with your company Google account.
|
||||
</Notice>
|
||||
)}
|
||||
{notice === 'hd-not-allowed' && (
|
||||
{notice === "hd-not-allowed" && (
|
||||
<Notice>
|
||||
Sorry, your Google apps domain is not allowed. Please try again with
|
||||
an allowed company domain.
|
||||
</Notice>
|
||||
)}
|
||||
{notice === 'email-auth-required' && (
|
||||
{notice === "email-auth-required" && (
|
||||
<Notice>
|
||||
Your account uses email sign-in, please sign-in with email to
|
||||
continue.
|
||||
</Notice>
|
||||
)}
|
||||
{notice === 'email-auth-ratelimit' && (
|
||||
{notice === "email-auth-ratelimit" && (
|
||||
<Notice>
|
||||
An email sign-in link was recently sent, please check your inbox and
|
||||
try again in a few minutes.
|
||||
</Notice>
|
||||
)}
|
||||
{notice === 'auth-error' && (
|
||||
{notice === "auth-error" && (
|
||||
<Notice>
|
||||
Authentication failed - we were unable to sign you in at this time.
|
||||
Please try again.
|
||||
</Notice>
|
||||
)}
|
||||
{notice === 'expired-token' && (
|
||||
{notice === "expired-token" && (
|
||||
<Notice>
|
||||
Sorry, it looks like that sign-in link is no longer valid, please try
|
||||
requesting another.
|
||||
</Notice>
|
||||
)}
|
||||
{notice === 'suspended' && (
|
||||
{notice === "suspended" && (
|
||||
<Notice>
|
||||
Your Outline account has been suspended. To re-activate your account,
|
||||
please contact a team admin.
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
// @flow
|
||||
import styled from 'styled-components';
|
||||
import styled from "styled-components";
|
||||
|
||||
const Button = styled.a`
|
||||
border: 0;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
// @flow
|
||||
import styled from 'styled-components';
|
||||
import styled from "styled-components";
|
||||
|
||||
const Centered = styled.div`
|
||||
margin: 0 auto;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
// @flow
|
||||
import styled from 'styled-components';
|
||||
import styled from "styled-components";
|
||||
|
||||
export default styled.div`
|
||||
width: 100%;
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
// @flow
|
||||
import * as React from 'react';
|
||||
import breakpoint from 'styled-components-breakpoint';
|
||||
import styled from 'styled-components';
|
||||
import Centered from './Centered';
|
||||
import * as React from "react";
|
||||
import breakpoint from "styled-components-breakpoint";
|
||||
import styled from "styled-components";
|
||||
import Centered from "./Centered";
|
||||
|
||||
type Props = {
|
||||
children: React.Node,
|
||||
@@ -25,17 +25,17 @@ const Wrapper = styled.div`
|
||||
margin-top: -70px;
|
||||
margin-bottom: 2em;
|
||||
text-align: center;
|
||||
background: ${props => props.background || 'transparent'};
|
||||
background: ${props => props.background || "transparent"};
|
||||
z-index: -1;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -30px;
|
||||
width: 100vw;
|
||||
height: 100%;
|
||||
background: ${props => props.background || 'transparent'};
|
||||
background: ${props => props.background || "transparent"};
|
||||
z-index: -10;
|
||||
}
|
||||
|
||||
@@ -51,7 +51,7 @@ const Wrapper = styled.div`
|
||||
margin: 0 0 0.1em;
|
||||
}
|
||||
|
||||
${breakpoint('tablet')`
|
||||
${breakpoint("tablet")`
|
||||
padding: 8em 3em 3em 3em;
|
||||
|
||||
h1 {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
// @flow
|
||||
import styled from 'styled-components';
|
||||
import Centered from './Centered';
|
||||
import styled from "styled-components";
|
||||
import Centered from "./Centered";
|
||||
|
||||
const Hero = styled(Centered)`
|
||||
width: 100%;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
// @flow
|
||||
import styled from 'styled-components';
|
||||
import styled from "styled-components";
|
||||
|
||||
const HeroText = styled.p`
|
||||
font-size: 22px;
|
||||
|
||||
@@ -1,15 +1,15 @@
|
||||
// @flow
|
||||
import * as React from 'react';
|
||||
import { Helmet } from 'react-helmet';
|
||||
import styled from 'styled-components';
|
||||
import breakpoint from 'styled-components-breakpoint';
|
||||
import Analytics from './Analytics';
|
||||
import GlobalStyles from '../../../shared/styles/globals';
|
||||
import prefetchTags from '../../utils/prefetchTags';
|
||||
import * as React from "react";
|
||||
import { Helmet } from "react-helmet";
|
||||
import styled from "styled-components";
|
||||
import breakpoint from "styled-components-breakpoint";
|
||||
import Analytics from "./Analytics";
|
||||
import GlobalStyles from "../../../shared/styles/globals";
|
||||
import prefetchTags from "../../utils/prefetchTags";
|
||||
|
||||
export const title = 'Outline';
|
||||
export const title = "Outline";
|
||||
export const description =
|
||||
'Your team’s knowledge base - Team wiki, documentation, playbooks, onboarding & more…';
|
||||
"Your team’s knowledge base - Team wiki, documentation, playbooks, onboarding & more…";
|
||||
export const screenshotUrl = `${process.env.URL}/screenshot.png`;
|
||||
|
||||
type Props = {
|
||||
@@ -62,8 +62,8 @@ function Layout({ children, loggedIn, sessions }: Props) {
|
||||
</Helmet>
|
||||
<Analytics />
|
||||
|
||||
{'{{HEAD}}'}
|
||||
{'{{CSS}}'}
|
||||
{"{{HEAD}}"}
|
||||
{"{{CSS}}"}
|
||||
</head>
|
||||
<Body>{children}</Body>
|
||||
</html>
|
||||
@@ -73,7 +73,7 @@ function Layout({ children, loggedIn, sessions }: Props) {
|
||||
const Body = styled.body`
|
||||
padding: 0 30px;
|
||||
|
||||
${breakpoint('desktop')`
|
||||
${breakpoint("desktop")`
|
||||
padding: 0;
|
||||
`};
|
||||
`;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
// @flow
|
||||
import * as React from 'react';
|
||||
import { Helmet } from 'react-helmet';
|
||||
import * as React from "react";
|
||||
import { Helmet } from "react-helmet";
|
||||
|
||||
function PageTitle({ title }: { title: string }) {
|
||||
return (
|
||||
|
||||
@@ -1,13 +1,13 @@
|
||||
// @flow
|
||||
import * as React from 'react';
|
||||
import styled from 'styled-components';
|
||||
import Button from './Button';
|
||||
import { signin } from '../../../shared/utils/routeHelpers';
|
||||
import Flex from '../../../shared/components/Flex';
|
||||
import Notice from '../../../shared/components/Notice';
|
||||
import GoogleLogo from '../../../shared/components/GoogleLogo';
|
||||
import SlackLogo from '../../../shared/components/SlackLogo';
|
||||
import breakpoint from 'styled-components-breakpoint';
|
||||
import * as React from "react";
|
||||
import styled from "styled-components";
|
||||
import Button from "./Button";
|
||||
import { signin } from "../../../shared/utils/routeHelpers";
|
||||
import Flex from "../../../shared/components/Flex";
|
||||
import Notice from "../../../shared/components/Notice";
|
||||
import GoogleLogo from "../../../shared/components/GoogleLogo";
|
||||
import SlackLogo from "../../../shared/components/SlackLogo";
|
||||
import breakpoint from "styled-components-breakpoint";
|
||||
|
||||
type Props = {
|
||||
lastSignedIn?: string,
|
||||
@@ -33,24 +33,24 @@ const SigninButtons = ({
|
||||
)}
|
||||
{slackSigninEnabled && (
|
||||
<Column column>
|
||||
<Button href={signin('slack')}>
|
||||
<Button href={signin("slack")}>
|
||||
<SlackLogo />
|
||||
<Spacer>Sign In with Slack</Spacer>
|
||||
</Button>
|
||||
<LastLogin>
|
||||
{lastSignedIn === 'slack' && 'You signed in with Slack previously'}
|
||||
{lastSignedIn === "slack" && "You signed in with Slack previously"}
|
||||
</LastLogin>
|
||||
</Column>
|
||||
)}
|
||||
{googleSigninEnabled && (
|
||||
<Column column>
|
||||
<Button href={signin('google')}>
|
||||
<Button href={signin("google")}>
|
||||
<GoogleLogo />
|
||||
<Spacer>Sign In with Google</Spacer>
|
||||
</Button>
|
||||
<LastLogin>
|
||||
{lastSignedIn === 'google' &&
|
||||
'You signed in with Google previously'}
|
||||
{lastSignedIn === "google" &&
|
||||
"You signed in with Google previously"}
|
||||
</LastLogin>
|
||||
</Column>
|
||||
)}
|
||||
@@ -61,7 +61,7 @@ const SigninButtons = ({
|
||||
const Column = styled(Flex)`
|
||||
text-align: center;
|
||||
|
||||
${breakpoint('tablet')`
|
||||
${breakpoint("tablet")`
|
||||
&:first-child {
|
||||
margin-right: 8px;
|
||||
}
|
||||
@@ -73,7 +73,7 @@ const Wrapper = styled(Flex)`
|
||||
justify-content: center;
|
||||
margin-top: 16px;
|
||||
|
||||
${breakpoint('tablet')`
|
||||
${breakpoint("tablet")`
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
margin-top: 0;
|
||||
|
||||
Reference in New Issue
Block a user