Skip to content

Commit 528d92d

Browse files
nielskrijgernielskrijger
committed
refactor: change default export configuration
1 parent 0cc226f commit 528d92d

Some content is hidden

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

60 files changed

+160
-253
lines changed

‎.eslintrc.js

+6-8
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,27 @@
11
module.exports = {
22
root: true,
33
parser: '@typescript-eslint/parser',
4-
plugins: [
5-
'@typescript-eslint',
6-
'react-hooks'
7-
],
4+
plugins: ['@typescript-eslint', 'react-hooks'],
85
extends: [
96
'eslint:recommended',
107
'plugin:react/recommended',
118
'plugin:@typescript-eslint/eslint-recommended',
129
'plugin:@typescript-eslint/recommended',
1310
],
1411
env: {
15-
browser: true
12+
browser: true,
1613
},
1714
parserOptions: {
1815
ecmaVersion: 2018,
1916
sourceType: 'module',
20-
project: './tsconfig.json'
17+
project: './tsconfig.json',
2118
},
2219
rules: {
2320
'import/prefer-default-export': 0,
2421
'react/prop-types': 0,
2522
'react/jsx-one-expression-per-line': 0,
2623
'react/jsx-props-no-spreading': 0,
24+
'react/display-name': 0,
2725
'@typescript-eslint/indent': ['error', 2],
2826
'@typescript-eslint/no-unnecessary-type-assertion': 1,
2927
'@typescript-eslint/no-unnecessary-qualifier': 1,
@@ -37,7 +35,7 @@ module.exports = {
3735
},
3836
settings: {
3937
react: {
40-
version: 'detect' // Tells eslint-plugin-react to automatically detect the version of React to use
38+
version: 'detect', // Tells eslint-plugin-react to automatically detect the version of React to use
4139
},
42-
}
40+
},
4341
};

‎src/components/Author.tsx

+2-4
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import React, { FC, ReactElement } from 'react';
1+
import React, { ReactElement } from 'react';
22
import styled from 'styled-components';
33
import { Signature } from '../types/gitStatData';
44

@@ -12,8 +12,6 @@ const Name = styled.div`
1212
text-overflow: ellipsis;
1313
`;
1414

15-
const Author: FC<Props> = ({ signature }): ReactElement => (
15+
export default ({ signature }: Props): ReactElement => (
1616
<Name title={`${signature.name}`}>{signature.name}</Name>
1717
);
18-
19-
export default Author;

‎src/components/Loader.tsx

+2-4
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import React, { FC, ReactElement } from 'react';
1+
import React, { ReactElement } from 'react';
22
import styled, { keyframes } from 'styled-components';
33
import { colors } from '../styles/colors';
44

@@ -72,7 +72,7 @@ const Dot4 = styled(Dot)`
7272
animation: ${ellipsis3} 0.6s infinite;
7373
`;
7474

75-
const Loader: FC = (): ReactElement => (
75+
export default (): ReactElement => (
7676
<Container>
7777
<Ellipsis>
7878
<Dot1 />
@@ -82,5 +82,3 @@ const Loader: FC = (): ReactElement => (
8282
</Ellipsis>
8383
</Container>
8484
);
85-
86-
export default Loader;

‎src/components/Logo.tsx

+2-4
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import React, { FC, ReactElement } from 'react';
1+
import React, { ReactElement } from 'react';
22
import styled from 'styled-components';
33
import LogoSVG from '../../assets/logo.svg';
44
import useRouter from '../hooks/useRouter';
@@ -21,7 +21,7 @@ const StyledLogo = styled.div`
2121
color: ${colors.text};
2222
`;
2323

24-
const Logo: FC = (): ReactElement => {
24+
export default (): ReactElement => {
2525
const { history } = useRouter();
2626

2727
function gotoHome(): void {
@@ -35,5 +35,3 @@ const Logo: FC = (): ReactElement => {
3535
</Container>
3636
);
3737
};
38-
39-
export default Logo;

‎src/components/NL2BR.tsx

+2-4
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
import React, { FC, Fragment, ReactElement } from 'react';
1+
import React, { Fragment, ReactElement } from 'react';
22

33
interface Props {
44
readonly text: string;
55
}
66

7-
const NL2BR: FC<Props> = ({ text }): ReactElement => (
7+
export default ({ text }: Props): ReactElement => (
88
<>
99
{text.split('\n').map(
1010
(item, key): ReactElement => (
@@ -16,5 +16,3 @@ const NL2BR: FC<Props> = ({ text }): ReactElement => (
1616
)}
1717
</>
1818
);
19-
20-
export default NL2BR;

‎src/components/ShortDateTime.tsx

+2-4
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,11 @@
11
import { DateTime } from 'luxon';
2-
import React, { FC, ReactElement } from 'react';
2+
import React, { ReactElement } from 'react';
33

44
interface Props {
55
readonly time: string;
66
}
77

8-
const ShortDateTime: FC<Props> = ({ time }): ReactElement => {
8+
export default ({ time }: Props): ReactElement => {
99
const dt = DateTime.fromISO(time);
1010
return <span>{dt.toFormat('ff')}</span>;
1111
};
12-
13-
export default ShortDateTime;

‎src/components/buttons/DefaultButton.tsx

+8-12
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import React, { ButtonHTMLAttributes, FC, ReactElement } from 'react';
1+
import React, { ButtonHTMLAttributes, ReactElement } from 'react';
22
import styled from 'styled-components';
33
import { colors } from '../../styles/colors';
44
import { borderRadius, transitionDelay } from '../../styles/styles';
@@ -25,18 +25,14 @@ const StyledButton = styled.button`
2525
}
2626
`;
2727

28-
const DefaultButton: FC<Props & ButtonHTMLAttributes<HTMLButtonElement>> = ({
28+
export default ({
2929
children,
3030
disabled,
3131
isLoading = false,
3232
...props
33-
}): ReactElement => {
34-
return (
35-
<StyledButton disabled={isLoading || disabled} {...props}>
36-
{children}
37-
{isLoading && <LoadingDots />}
38-
</StyledButton>
39-
);
40-
};
41-
42-
export default DefaultButton;
33+
}: Props & ButtonHTMLAttributes<HTMLButtonElement>): ReactElement => (
34+
<StyledButton disabled={isLoading || disabled} {...props}>
35+
{children}
36+
{isLoading && <LoadingDots />}
37+
</StyledButton>
38+
);

‎src/components/buttons/HoverButton.tsx

+3-5
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { lighten } from 'polished';
2-
import React, { ButtonHTMLAttributes, FC, ReactElement } from 'react';
2+
import React, { ButtonHTMLAttributes, ReactElement } from 'react';
33
import styled from 'styled-components';
44
import { colors } from '../../styles/colors';
55
import { borderRadius } from '../../styles/styles';
@@ -30,16 +30,14 @@ const StyledButton = styled.button`
3030
}
3131
`;
3232

33-
const HoverButton: FC<Props & ButtonHTMLAttributes<HTMLButtonElement>> = ({
33+
export default ({
3434
children,
3535
disabled,
3636
isLoading = false,
3737
...props
38-
}): ReactElement => (
38+
}: Props & ButtonHTMLAttributes<HTMLButtonElement>): ReactElement => (
3939
<StyledButton disabled={isLoading || disabled} {...props}>
4040
{children}
4141
{isLoading && <LoadingDots />}
4242
</StyledButton>
4343
);
44-
45-
export default HoverButton;

‎src/components/charts/LineChart.tsx

+2-4
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import Chart, {
66
} from 'chart.js';
77
import { mix, parseToRgb } from 'polished';
88
import { RgbaColor } from 'polished/lib/types/color';
9-
import React, { CSSProperties, FC, ReactElement, useEffect, useRef, useState } from 'react';
9+
import React, { CSSProperties, ReactElement, useEffect, useRef, useState } from 'react';
1010
import { colors } from '../../styles/colors';
1111
import { ColoredElement } from '../../types/coloredElement';
1212

@@ -36,7 +36,7 @@ const HIDE_LEGEND_LINE_THRESHOLD = 20;
3636
// there are more than X lines.
3737
const HIDE_EMPTY_TOOLTIP_LINE_THRESHOLD = 10;
3838

39-
const LineChart: FC<Props> = ({ lines, style, timeUnit, stacked = true }): ReactElement => {
39+
export default ({ lines, style, timeUnit, stacked = true }: Props): ReactElement => {
4040
const ref = useRef<HTMLCanvasElement>(null);
4141
const [chart, setChart] = useState<Chart | null>(null);
4242

@@ -149,5 +149,3 @@ const LineChart: FC<Props> = ({ lines, style, timeUnit, stacked = true }): React
149149
</div>
150150
);
151151
};
152-
153-
export default LineChart;

‎src/components/charts/PieChart.tsx

+2-4
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import Chart, { ChartData, ChartTooltipItem, ChartTooltipLabelColor } from 'chart.js';
22
import { mix, parseToRgb } from 'polished';
33
import { RgbaColor } from 'polished/lib/types/color';
4-
import React, { CSSProperties, FC, ReactElement, useEffect, useRef, useState } from 'react';
4+
import React, { CSSProperties, ReactElement, useEffect, useRef, useState } from 'react';
55
import { colors } from '../../styles/colors';
66

77
export interface Slice {
@@ -16,7 +16,7 @@ interface Props {
1616
readonly style?: CSSProperties;
1717
}
1818

19-
const PieChart: FC<Props> = ({ slices, style }): ReactElement => {
19+
export default ({ slices, style }: Props): ReactElement => {
2020
const ref = useRef<HTMLCanvasElement>(null);
2121
const [chart, setChart] = useState<Chart | null>(null);
2222
const [sortedSlices, setSortedSlices] = useState<Slice[]>([]);
@@ -100,5 +100,3 @@ const PieChart: FC<Props> = ({ slices, style }): ReactElement => {
100100
</div>
101101
);
102102
};
103-
104-
export default PieChart;

‎src/components/form/ClearableInput.tsx

+3-5
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import React, { FC, InputHTMLAttributes, ReactElement } from 'react';
1+
import React, { InputHTMLAttributes, ReactElement } from 'react';
22
import styled from 'styled-components';
33
import CrossSVG from '../../../assets/icons/cross.svg';
44
import IconLink from '../buttons/IconLink';
@@ -15,11 +15,11 @@ const Container = styled.div`
1515
width: 100%;
1616
`;
1717

18-
const ClearableInput: FC<InputProps & InputHTMLAttributes<HTMLInputElement>> = ({
18+
export default ({
1919
onClear,
2020
style,
2121
...props
22-
}): ReactElement => {
22+
}: InputProps & InputHTMLAttributes<HTMLInputElement>): ReactElement => {
2323
return (
2424
<Container style={style}>
2525
<StyledInput type="text" {...props} />
@@ -29,5 +29,3 @@ const ClearableInput: FC<InputProps & InputHTMLAttributes<HTMLInputElement>> = (
2929
</Container>
3030
);
3131
};
32-
33-
export default ClearableInput;

‎src/components/form/DatePicker.tsx

+2-4
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import React, { CSSProperties, FC, ReactElement } from 'react';
1+
import React, { CSSProperties, ReactElement } from 'react';
22
import ReactDatePicker from 'react-datepicker';
33
import 'react-datepicker/dist/react-datepicker.css';
44
import styled, { createGlobalStyle } from 'styled-components';
@@ -91,7 +91,7 @@ const DatePickerContainer = styled.div`
9191
width: 100px;
9292
`;
9393

94-
const DatePicker: FC<Props> = ({ style, value, onChange, todayButton = false }): ReactElement => (
94+
export default ({ style, value, onChange, todayButton = false }: Props): ReactElement => (
9595
<DatePickerContainer style={style}>
9696
<DatePickerStyle />
9797
<ReactDatePicker
@@ -104,5 +104,3 @@ const DatePicker: FC<Props> = ({ style, value, onChange, todayButton = false }):
104104
/>
105105
</DatePickerContainer>
106106
);
107-
108-
export default DatePicker;

‎src/components/form/FormError.tsx

+2-4
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import React, { FC, ReactElement } from 'react';
1+
import React, { ReactElement } from 'react';
22
import styled from 'styled-components';
33
import { colors } from '../../styles/colors';
44

@@ -18,11 +18,9 @@ interface Props {
1818
* This component should only be used to show unexpected backend errors.
1919
* All other form error are field-bound.
2020
*/
21-
const FormError: FC<Props> = ({ error, show = true }): ReactElement | null => {
21+
export default ({ error, show = true }: Props): ReactElement | null => {
2222
if (error === undefined || !show) {
2323
return null;
2424
}
2525
return <StyledError>{error}</StyledError>;
2626
};
27-
28-
export default FormError;

‎src/components/form/FormGroup.tsx

+1-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
import styled from 'styled-components';
22

3-
const FormGroup = styled.div`
3+
export default styled.div`
44
position: relative;
55
margin-bottom: 1rem;
66
`;
7-
8-
export default FormGroup;

‎src/components/form/Input.tsx

+3-5
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import React, { FC, ReactElement } from 'react';
1+
import React, { ReactElement } from 'react';
22
import { FieldRenderProps } from 'react-final-form';
33
import InputError from './InputError';
44
import StyledInput from './StyledInput';
@@ -7,12 +7,12 @@ interface Props {
77
readonly showValid?: boolean;
88
}
99

10-
const Input: FC<Props & FieldRenderProps<HTMLInputElement, HTMLInputElement>> = ({
10+
export default ({
1111
showValid,
1212
input,
1313
meta,
1414
...props
15-
}): ReactElement => {
15+
}: Props & FieldRenderProps<HTMLInputElement, HTMLInputElement>): ReactElement => {
1616
const hasError = meta.touched === true && meta.error !== undefined;
1717
const isValid = showValid && meta.touched && meta.error === undefined && !meta.active;
1818
return (
@@ -31,5 +31,3 @@ const Input: FC<Props & FieldRenderProps<HTMLInputElement, HTMLInputElement>> =
3131
</>
3232
);
3333
};
34-
35-
export default Input;

‎src/components/form/InputError.tsx

+3-4
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
1-
import React, { FC, ReactElement } from 'react';
1+
import React, { ReactElement, ReactNode } from 'react';
22
import styled from 'styled-components';
33
import { colors } from '../../styles/colors';
44

55
interface Props {
66
readonly hasError: boolean;
7+
readonly children: ReactNode;
78
}
89

910
const StyledErrorMessage = styled.div<Props>`
@@ -13,9 +14,7 @@ const StyledErrorMessage = styled.div<Props>`
1314
transition: max-height 1.5s ease-out;
1415
`;
1516

16-
const InputError: FC<Props> = ({ hasError, children }): ReactElement | null => {
17+
export default ({ hasError, children }: Props): ReactElement | null => {
1718
if (!hasError) return null;
1819
return <StyledErrorMessage hasError={hasError}>{hasError && children}</StyledErrorMessage>;
1920
};
20-
21-
export default InputError;

‎src/components/form/Select.tsx

+1-3
Original file line numberDiff line numberDiff line change
@@ -207,7 +207,7 @@ const CheckboxOption = (props: OptionProps<SelectOptionType>): ReactElement => {
207207
);
208208
};
209209

210-
const Select = ({
210+
export default ({
211211
selectAll = false,
212212
ellipsis = false,
213213
options,
@@ -266,5 +266,3 @@ const Select = ({
266266
/>
267267
);
268268
};
269-
270-
export default Select;

‎src/components/form/StyledInput.tsx

+1-3
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ function determineBorderColor(hasError?: boolean, isValid?: boolean): string {
2424
return colors.inputBorder;
2525
}
2626

27-
const StyledInput = styled.input`
27+
export default styled.input`
2828
display: block;
2929
width: 100%;
3030
min-height: 38px;
@@ -57,5 +57,3 @@ const StyledInput = styled.input`
5757
${({ isValid }: Props): FlattenSimpleInterpolation | undefined =>
5858
isValid ? validIcon : undefined}
5959
`;
60-
61-
export default StyledInput;

0 commit comments

Comments
 (0)