Skip to content

Commit 6150ff3

Browse files
ritz078ritz078
committed
format code
1 parent d19a261 commit 6150ff3

File tree

79 files changed

+311
-307
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

79 files changed

+311
-307
lines changed

‎assets/svgs/Error404.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from "react";
22

3-
export default function () {
3+
export default function() {
44
return (
55
<svg
66
data-name="Layer 1"

‎assets/svgs/Error500.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from "react";
22

3-
export default function () {
3+
export default function() {
44
return (
55
<svg
66
data-name="Layer 1"

‎assets/svgs/Npm.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from "react";
22

3-
export default function () {
3+
export default function() {
44
return (
55
<svg
66
xmlns="http://www.w3.org/2000/svg"
@@ -12,7 +12,7 @@ export default function () {
1212
xmlSpace="preserve"
1313
height={20}
1414
style={{
15-
marginRight: 10,
15+
marginRight: 10
1616
}}
1717
>
1818
<style dangerouslySetInnerHTML={{ __html: ".st0{fill:#C12127;}" }} />

‎components/ConversionPanel.tsx

+8-8
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ let prettierWorker;
1212

1313
function getEditorLanguage(lang: Language) {
1414
const mapping = {
15-
flow: "typescript",
15+
flow: "typescript"
1616
};
1717

1818
return mapping[lang] || lang;
@@ -42,7 +42,7 @@ export interface ConversionPanelProps {
4242
settings?: any;
4343
}
4444

45-
const ConversionPanel: React.FunctionComponent<ConversionPanelProps> = function ({
45+
const ConversionPanel: React.FunctionComponent<ConversionPanelProps> = function({
4646
splitEditorProps,
4747
editorProps,
4848
resultEditorProps,
@@ -57,7 +57,7 @@ const ConversionPanel: React.FunctionComponent<ConversionPanelProps> = function
5757
settings,
5858
editorDefaultValue,
5959
splitEditorDefaultValue,
60-
resultSettingsElement,
60+
resultSettingsElement
6161
}) {
6262
const [value, setValue] = useData(editorDefaultValue || editorLanguage);
6363
const [splitValue, setSplitValue] = useData(
@@ -79,7 +79,7 @@ const ConversionPanel: React.FunctionComponent<ConversionPanelProps> = function
7979
packageName && packageUrl
8080
? {
8181
name: packageName,
82-
url: packageUrl,
82+
url: packageUrl
8383
}
8484
: undefined;
8585
}
@@ -92,12 +92,12 @@ const ConversionPanel: React.FunctionComponent<ConversionPanelProps> = function
9292

9393
const result = await transformer({
9494
value,
95-
splitEditorValue: splitTitle ? splitValue : undefined,
95+
splitEditorValue: splitTitle ? splitValue : undefined
9696
});
9797

9898
const prettyResult = await prettierWorker.send({
9999
value: result,
100-
language: resultLanguage,
100+
language: resultLanguage
101101
});
102102
setResult(prettyResult);
103103
setMessage("");
@@ -172,8 +172,8 @@ const ConversionPanel: React.FunctionComponent<ConversionPanelProps> = function
172172
<Spinner
173173
css={{
174174
"& circle": {
175-
stroke: "#0e7ccf",
176-
},
175+
stroke: "#0e7ccf"
176+
}
177177
}}
178178
size={32}
179179
/>

‎components/EditorPanel.tsx

+18-18
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {
1111
Spinner,
1212
TextInput,
1313
toaster,
14-
Tooltip,
14+
Tooltip
1515
} from "evergreen-ui";
1616
import React, { useCallback, useEffect, useRef, useState } from "react";
1717
import dynamic from "next/dynamic";
@@ -64,10 +64,10 @@ const Monaco = dynamic(() => import("../components/Monaco"), {
6464
>
6565
<Spinner />
6666
</Pane>
67-
),
67+
)
6868
});
6969

70-
export default function ({
70+
export default function({
7171
editable = true,
7272
title,
7373
settingElement,
@@ -82,7 +82,7 @@ export default function ({
8282
defaultValue,
8383
onChange,
8484
id,
85-
packageDetails,
85+
packageDetails
8686
}: EditorPanelProps) {
8787
const [showSettingsDialogue, setSettingsDialog] = useState(false);
8888
const [showPreview, setPreviewVisibility] = useState(true);
@@ -96,10 +96,10 @@ export default function ({
9696
codeLens: false,
9797
fontFamily: "Menlo, Consolas, monospace, sans-serif",
9898
minimap: {
99-
enabled: false,
99+
enabled: false
100100
},
101101
quickSuggestions: false,
102-
lineNumbers: "on",
102+
lineNumbers: "on"
103103
};
104104

105105
const _toggleSettingsDialog = useCallback(
@@ -126,7 +126,7 @@ export default function ({
126126

127127
{settingElement({
128128
toggle: _toggleSettingsDialog,
129-
open: showSettingsDialogue,
129+
open: showSettingsDialogue
130130
})}
131131
</>
132132
),
@@ -146,27 +146,27 @@ export default function ({
146146
}, []);
147147

148148
const { getRootProps } = useDropzone({
149-
onDrop: (files) => onFilePicked(files),
149+
onDrop: files => onFilePicked(files),
150150
disabled: !editable,
151151
accept: acceptFiles,
152152
onDropRejected: () =>
153153
toaster.danger("This file type is not supported.", {
154-
id,
155-
}),
154+
id
155+
})
156156
});
157157

158158
const copyValue = useCallback(() => {
159159
copy(value);
160160
toaster.success("Copied to clipboard.", {
161-
id,
161+
id
162162
});
163163
}, [value]);
164164

165165
const prettify = useCallback(() => {
166166
prettierWorker
167167
.send({
168168
language,
169-
value,
169+
value
170170
})
171171
.then(setValue);
172172
}, [language, value]);
@@ -176,7 +176,7 @@ export default function ({
176176
}, [showPreview]);
177177

178178
const fetchFile = useCallback(
179-
(close) => {
179+
close => {
180180
(async () => {
181181
if (!fetchingUrl) return;
182182
const res = await fetch(fetchingUrl);
@@ -229,7 +229,7 @@ export default function ({
229229
<FilePicker
230230
width={"100%"}
231231
name="filepicker"
232-
onChange={(files) => onFilePicked(files, close)}
232+
onChange={files => onFilePicked(files, close)}
233233
accept={acceptFiles}
234234
/>
235235

@@ -293,7 +293,7 @@ export default function ({
293293
<a
294294
href={packageDetails.url}
295295
style={{
296-
display: "inline-flex",
296+
display: "inline-flex"
297297
}}
298298
target="_blank"
299299
>
@@ -327,21 +327,21 @@ export default function ({
327327
display: "flex",
328328
flexDirection: "column",
329329
flex: 1,
330-
overflow: "hidden",
330+
overflow: "hidden"
331331
}}
332332
{...getRootProps()}
333333
>
334334
{topNotifications &&
335335
topNotifications({
336336
isSettingsOpen: showSettingsDialogue,
337-
toggleSettings: _toggleSettingsDialog,
337+
toggleSettings: _toggleSettingsDialog
338338
})}
339339

340340
<Monaco
341341
language={language}
342342
value={value}
343343
options={options}
344-
onChange={(value) => {
344+
onChange={value => {
345345
setValue(value);
346346
onChange(value);
347347
}}

‎components/Form.tsx

+5-5
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { Dialog, Heading, Pane, Switch, TextInput, Select } from "evergreen-ui";
55
export enum InputType {
66
SWITCH = 1,
77
TEXT_INPUT,
8-
SELECT,
8+
SELECT
99
}
1010

1111
interface FormProps<T> {
@@ -30,7 +30,7 @@ const Form = <T extends object>({
3030
title,
3131
formsFields,
3232
open,
33-
toggle,
33+
toggle
3434
}: FormProps<T> & { children?: React.ReactNode }) => {
3535
return (
3636
<Formik
@@ -41,11 +41,11 @@ const Form = <T extends object>({
4141
title={title}
4242
isShown={open}
4343
onCloseComplete={toggle}
44-
onConfirm={(close) => {
44+
onConfirm={close => {
4545
props.submitForm();
4646
close();
4747
}}
48-
onCancel={(close) => {
48+
onCancel={close => {
4949
props.resetForm();
5050
close();
5151
}}
@@ -120,7 +120,7 @@ const Form = <T extends object>({
120120
</Dialog>
121121
);
122122
}}
123-
onSubmit={(values) => {
123+
onSubmit={values => {
124124
onSubmit(values);
125125
}}
126126
/>

‎components/Monaco.tsx

+7-7
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,12 @@ import { lightEditor } from "@utils/theme";
55

66
languages.typescript.typescriptDefaults.setDiagnosticsOptions({
77
noSemanticValidation: true,
8-
noSyntaxValidation: true,
8+
noSyntaxValidation: true
99
});
1010

1111
// @ts-ignore
1212
self.MonacoEnvironment = {
13-
getWorkerUrl: function (_moduleId, label) {
13+
getWorkerUrl: function(_moduleId, label) {
1414
if (label === "json") {
1515
return `/static/monaco/json.worker.js`;
1616
}
@@ -24,7 +24,7 @@ self.MonacoEnvironment = {
2424
return `/static/monaco/typescript.worker.js`;
2525
}
2626
return `/static/monaco/editor.worker.js`;
27-
},
27+
}
2828
};
2929

3030
function noop() {}
@@ -57,7 +57,7 @@ export class MonacoEditor extends React.PureComponent<MonacoProps> {
5757
language: "javascript",
5858
options: {},
5959
editorDidMount: noop,
60-
theme: "light",
60+
theme: "light"
6161
};
6262

6363
public reLayout = () => {
@@ -115,7 +115,7 @@ export class MonacoEditor extends React.PureComponent<MonacoProps> {
115115
this.editor = editor.create(this.containerElement.current, {
116116
value,
117117
language,
118-
...options,
118+
...options
119119
});
120120

121121
editor.defineTheme("light", lightEditor);
@@ -130,7 +130,7 @@ export class MonacoEditor extends React.PureComponent<MonacoProps> {
130130

131131
editorDidMount(editor) {
132132
this.props.editorDidMount(editor);
133-
editor.onDidChangeModelContent((event) => {
133+
editor.onDidChangeModelContent(event => {
134134
const value = editor.getValue();
135135

136136
// Only invoking when user input changed
@@ -146,7 +146,7 @@ export class MonacoEditor extends React.PureComponent<MonacoProps> {
146146
const fixedHeight = processSize(height);
147147
const style = {
148148
width: fixedWidth,
149-
height: fixedHeight,
149+
height: fixedHeight
150150
};
151151

152152
return (

‎components/Navigator.tsx

+6-6
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,13 @@ import { useRouter } from "next/router";
66
import SearchBox from "@components/Searchbox";
77
import loadScript from "load-script";
88

9-
export default function () {
9+
export default function() {
1010
const router = useRouter();
1111

1212
useEffect(() => {
1313
if (!IS_DEV)
1414
loadScript("https://codefund.io/properties/367/funder.js", {
15-
async: true,
15+
async: true
1616
});
1717
}, []);
1818

@@ -36,7 +36,7 @@ export default function () {
3636
flexDirection="column"
3737
paddingBottom={10}
3838
>
39-
{categorizedRoutes.map((route) => {
39+
{categorizedRoutes.map(route => {
4040
return (
4141
<Fragment key={route.category}>
4242
<Pane paddingX={10} marginTop={15} marginBottom={2}>
@@ -53,7 +53,7 @@ export default function () {
5353
<Link key={a.label} href={a.path} prefetch={false}>
5454
<a
5555
style={{
56-
textDecoration: "none",
56+
textDecoration: "none"
5757
}}
5858
>
5959
<Pane
@@ -67,8 +67,8 @@ export default function () {
6767
}
6868
css={{
6969
"&:hover": {
70-
backgroundColor: "#f5f5f5",
71-
},
70+
backgroundColor: "#f5f5f5"
71+
}
7272
}}
7373
>
7474
<Text fontSize={13}>{a.label}</Text>

0 commit comments

Comments
 (0)