Update to latest Flow version and fix errors

ifmeorg · Apr 14, 2022 · b0f5a4d · b0f5a4d
1 parent c1aca12
commit b0f5a4d
Show file tree

Hide file tree

Showing 64 changed files with 284 additions and 316 deletions.
diff --git a/client/.flowconfig b/client/.flowconfig
@@ -2,6 +2,7 @@
 .*/__tests__/.*
 .*/node_modules/draft-js/.*
 .*/node_modules/radium/.*
+.*/node_modules/resolve/.*
 
 [include]
 

diff --git a/client/app/components/Accordion/index.jsx b/client/app/components/Accordion/index.jsx
@@ -1,5 +1,6 @@
 // @flow
 import React, { useState } from 'react';
+import type { Node } from 'react';
 import { Utils } from 'utils';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faCaretDown, faCaretUp } from '@fortawesome/free-solid-svg-icons';
@@ -26,7 +27,7 @@ export const Accordion = ({
   dark,
   large,
   open: openProp,
-}: Props) => {
+}: Props): Node => {
   const [open, setOpen] = useState(!!openProp);
 
   const displayContent = () => (

diff --git a/client/app/components/Avatar/index.jsx b/client/app/components/Avatar/index.jsx
@@ -1,6 +1,7 @@
 // @flow
 import LazyLoad from 'react-lazyload';
 import React from 'react';
+import type { Node } from 'react';
 import css from './Avatar.scss';
 
 export type Props = {
@@ -25,7 +26,7 @@ const getHeight = (small: ?boolean, large: ?boolean) => {
   return 100;
 };
 
-export const Avatar = (props: Props) => {
+export const Avatar = (props: Props): Node => {
   const {
     name, alt, src, small, large,
   } = props;

diff --git a/client/app/components/BaseContainer/StoryContainer.jsx b/client/app/components/BaseContainer/StoryContainer.jsx
@@ -1,13 +1,14 @@
 // @flow
 import React from 'react';
+import type { Node } from 'react';
 import { Story } from 'components/Story';
 import type { Props as StoryProps } from 'components/Story';
 
 export type Props = {
   data: StoryProps[],
 };
 
-const StoryContainer = ({ data }: Props) => (
+const StoryContainer = ({ data }: Props): Node => (
   <div className="gridTwo">
     {data.map((storyProps) => (
       <div className="gridTwoItemBoxLight" key={storyProps.link}>

diff --git a/client/app/components/BaseContainer/index.jsx b/client/app/components/BaseContainer/index.jsx
@@ -1,5 +1,6 @@
 // @flow
 import React, { useState } from 'react';
+import type { Node } from 'react';
 import axios from 'axios';
 import { Utils } from 'utils';
 import StoryContainer from 'components/BaseContainer/StoryContainer';
@@ -23,7 +24,7 @@ export const BaseContainerComponent = ({
   data: dataProps,
   fetchUrl: fetchUrlProps,
   lastPage: lastPageProps,
-}: Props) => {
+}: Props): Node => {
   const [page, setpage] = useState(1);
   const [lastPage, setlastPage] = useState(!!lastPageProps);
   const [data, setdata] = useState(dataProps);
@@ -59,7 +60,7 @@ export const BaseContainerComponent = ({
 
 export default ({
   container, data, fetchUrl, lastPage,
-}: Props) => (
+}: Props): Node => (
   <BaseContainerComponent
     container={container}
     data={data}

diff --git a/client/app/components/Blockquote/index.jsx b/client/app/components/Blockquote/index.jsx
@@ -1,13 +1,14 @@
 // @flow
 import React from 'react';
+import type { Node } from 'react';
 import css from './Blockquote.scss';
 
 export type Props = {
   text?: string,
   author?: string,
 };
 
-export const Blockquote = (props: Props) => {
+export const Blockquote = (props: Props): Node => {
   const { text, author } = props;
   const textClassNames = `${css.text}`;
   const authorClassNames = `${css.author}`;

diff --git a/client/app/components/Chart/ChartControl.jsx b/client/app/components/Chart/ChartControl.jsx
@@ -1,5 +1,6 @@
 // @flow
 import React, { useState } from 'react';
+import type { Node } from 'react';
 import { I18n } from 'libs/i18n';
 import globalCss from 'styles/_global.scss';
 import { Chart } from 'components/Chart';
@@ -30,8 +31,8 @@ const ChartControlButton = ({ type, onClick }: ChartControlButtonProps) => (
 export const ChartControl = ({
   types,
   initialParams: { type: initialType, data },
-}: chartControlProps) => {
-  const [type: string, setType] = useState(initialType);
+}: chartControlProps): Node => {
+  const [type, setType]: [string, Function] = useState(initialType);
 
   const onSelectType = (value: string) => () => {
     setType(value);

diff --git a/client/app/components/Chart/index.jsx b/client/app/components/Chart/index.jsx
@@ -2,6 +2,7 @@
 /* eslint react/jsx-props-no-spreading: 0 */
 import { Chart as ChartJS } from 'chart.js';
 import React from 'react';
+import type { Node } from 'react';
 import { AreaChart, LineChart } from 'react-chartkick';
 
 ChartJS.defaults.global.defaultFontFamily = 'Lato';
@@ -15,7 +16,7 @@ type chartShape = {
 
 const colorSchemes = ['#6D0839', '#66118', '#7F503F', '#775577', '#CCAADD'];
 
-export function Chart({ chartType, ...props }: chartShape) {
+export function Chart({ chartType, ...props }: chartShape): Node {
   return chartType === 'Line' ? (
     <LineChart {...props} colors={colorSchemes} />
   ) : (

diff --git a/client/app/components/Form/DynamicForm.jsx b/client/app/components/Form/DynamicForm.jsx
@@ -1,5 +1,7 @@
 // @flow
+/* eslint-disable max-len */
 import React, { useState } from 'react';
+import type { Node } from 'react';
 import axios from 'axios';
 import Input from 'components/Input';
 import { TYPES as INPUT_TYPES } from 'components/Input/utils';
@@ -52,14 +54,14 @@ const getParams = (inputs: MyInputProps[], myRefs: Object) => {
   return params;
 };
 
-export const hasErrors = (errors: Errors) => Object.values(errors).filter((key) => key).length;
+export const hasErrors = (errors: Errors): number => Object.values(errors).filter((key) => key).length;
 
 export const DynamicForm = ({
   nameValue,
   formProps,
   onSubmit,
   type,
-}: Props) => {
+}: Props): Node => {
   const [inputs, setInputs] = useState<MyInputProps[]>(
     getInputsInitialState(formProps, nameValue),
   );
@@ -147,7 +149,7 @@ export const DynamicForm = ({
 
 export default ({
   nameValue, formProps, onSubmit, type,
-}: Props) => (
+}: Props): Node => (
   <DynamicForm
     nameValue={nameValue}
     formProps={formProps}

diff --git a/client/app/components/Form/index.jsx b/client/app/components/Form/index.jsx
@@ -1,4 +1,5 @@
 // @flow
+/* eslint-disable max-len */
 import React, { useState, type Node } from 'react';
 import Input from 'components/Input';
 import { TYPES as INPUT_TYPES } from 'components/Input/utils';
@@ -13,11 +14,11 @@ export type State = {
   errors: Errors,
 };
 
-export const hasErrors = (errors: Errors) => Object.values(errors).filter((key) => key).length;
+export const hasErrors = (errors: Errors): number => Object.values(errors).filter((key) => key).length;
 
 const getInputsInitialState = (inputs: MyInputProps[]) => inputs.filter((input) => input !== {});
 
-export const Form = ({ action, inputs: inputsProps }: Props) => {
+export const Form = ({ action, inputs: inputsProps }: Props): Node => {
   const [inputs, setInputs] = useState<MyInputProps[]>(
     getInputsInitialState(inputsProps),
   );
@@ -142,6 +143,6 @@ export const Form = ({ action, inputs: inputsProps }: Props) => {
   );
 };
 
-export default ({ action, inputs }: Props) => (
+export default ({ action, inputs }: Props): Node => (
   <Form action={action} inputs={inputs} />
 );
diff --git a/client/app/components/Header/HeaderProfile.jsx b/client/app/components/Header/HeaderProfile.jsx
@@ -1,5 +1,6 @@
 // @flow
 import React from 'react';
+import type { Node } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBell } from '@fortawesome/free-solid-svg-icons';
 import { Utils } from 'utils';
@@ -43,7 +44,7 @@ const displayInfoLinks = (headerProfile: Profile) => {
   );
 };
 
-export const HeaderProfile = (props: Props) => {
+export const HeaderProfile = (props: Props): Node => {
   const { profile } = props;
   return (
     <div className={css.headerProfile}>

diff --git a/client/app/components/Header/index.jsx b/client/app/components/Header/index.jsx
@@ -23,7 +23,7 @@ export type State = {
 
 export const Header = ({
   home, links, mobileOnly, profile,
-}: Props) => {
+}: Props): Node => {
   const [mobileNavOpen, setMobileNavOpen] = useState(false);
   const [toggled, setToggled] = useState(true);
 
@@ -108,6 +108,6 @@ export const Header = ({
 
 export default ({
   home, links, mobileOnly, profile,
-}: Props) => (
+}: Props): Node => (
   <Header home={home} links={links} mobileOnly={mobileOnly} profile={profile} />
 );
diff --git a/client/app/components/Input/InputCheckbox.jsx b/client/app/components/Input/InputCheckbox.jsx
@@ -1,5 +1,6 @@
 // @flow
 import React from 'react';
+import type { Node } from 'react';
 import renderHTML from 'react-render-html';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faQuestion } from '@fortawesome/free-solid-svg-icons';
@@ -46,7 +47,7 @@ const displayCheckbox = (id, name, value, checked, onChange, label) => (
   />
 );
 
-export const InputCheckbox = (props: Props) => {
+export const InputCheckbox = (props: Props): Node => {
   const {
     id,
     name,

diff --git a/client/app/components/Input/InputCheckboxGroup.jsx b/client/app/components/Input/InputCheckboxGroup.jsx
@@ -1,5 +1,6 @@
 // @flow
 import React, { useState } from 'react';
+import type { Node } from 'react';
 import { InputCheckbox } from 'components/Input/InputCheckbox';
 import type { Checkbox } from './utils';
 
@@ -13,7 +14,7 @@ export function InputCheckboxGroup({
   hasError,
   required,
   checkboxes: defaultCheckboxes,
-}: Props) {
+}: Props): Node {
   const [checkboxes, setCheckboxes] = useState<Checkbox[]>(defaultCheckboxes);
 
   const handleOnChange = (checkbox: { checked: boolean, id: string }) => {

diff --git a/client/app/components/Input/InputDefault.jsx b/client/app/components/Input/InputDefault.jsx
@@ -1,5 +1,6 @@
 // @flow
 import React from 'react';
+import type { Node } from 'react';
 import css from './Input.scss';
 
 export const REQUIRES_DEFAULT = [
@@ -68,7 +69,7 @@ const onBlur = (
   }
 };
 
-export const InputDefault = (props: Props) => {
+export const InputDefault = (props: Props): Node => {
   const {
     id,
     type,

diff --git a/client/app/components/Input/InputError.jsx b/client/app/components/Input/InputError.jsx
@@ -1,5 +1,6 @@
 // @flow
 import React from 'react';
+import type { Node } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faExclamation } from '@fortawesome/free-solid-svg-icons';
 import { I18n } from 'libs/i18n';
@@ -9,7 +10,7 @@ export type Props = {
   error?: boolean,
 };
 
-export const InputError = (props: Props) => {
+export const InputError = (props: Props): Node => {
   const { error } = props;
   if (!error) return null;
   return (

diff --git a/client/app/components/Input/InputLabel.jsx b/client/app/components/Input/InputLabel.jsx
@@ -1,5 +1,6 @@
 // @flow
 import React from 'react';
+import type { Node } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faAsterisk, faQuestion } from '@fortawesome/free-solid-svg-icons';
 import globalCss from 'styles/_global.scss';
@@ -37,7 +38,7 @@ const displayLabel = (label: string, error: ?boolean) => (
   <div className={`${error ? css.error : ''} ${css.labelText}`}>{label}</div>
 );
 
-export const InputLabel = (props: Props) => {
+export const InputLabel = (props: Props): Node => {
   const {
     error, label, required, info, htmlFor,
   } = props;

diff --git a/client/app/components/Input/InputLocation.jsx b/client/app/components/Input/InputLocation.jsx
@@ -1,5 +1,6 @@
 // @flow
 import React, { useState } from 'react';
+import type { Node } from 'react';
 import LocationAutocomplete from 'location-autocomplete';
 import css from './Input.scss';
 
@@ -17,7 +18,7 @@ export function InputLocation({
   id,
   name,
   value: defaultAddress,
-}: Props) {
+}: Props): Node {
   const [address, setAddress] = useState<string>(defaultAddress || '');
 
   const handleChange = (event: SyntheticInputEvent<HTMLInputElement>) => {

diff --git a/client/app/components/Input/InputPassword.jsx b/client/app/components/Input/InputPassword.jsx
@@ -1,5 +1,6 @@
 // @flow
 import React, { useState } from 'react';
+import type { Node } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faEye, faEyeSlash } from '@fortawesome/free-solid-svg-icons';
 import { I18n } from 'libs/i18n';
@@ -43,7 +44,7 @@ export function InputPassword({
   required,
   label,
   hasError,
-}: Props) {
+}: Props): Node {
   const [showText, setShowText] = useState<boolean>(false);
 
   const toggleShow = () => {

diff --git a/client/app/components/Input/InputRadioGroup.jsx b/client/app/components/Input/InputRadioGroup.jsx
@@ -1,5 +1,6 @@
 // @flow
 import React from 'react';
+import type { Node } from 'react';
 import css from './InputRadioGroup.scss';
 import type { Option } from './utils';
 
@@ -9,7 +10,11 @@ export type Props = {
   value?: any,
 };
 
-export function InputRadioGroup({ name, options, value: propValue }: Props) {
+export function InputRadioGroup({
+  name,
+  options,
+  value: propValue,
+}: Props): Node {
   return (
     <div role="radiogroup" className={css.wrapper}>
       {options.map((option: Option) => (

diff --git a/client/app/components/Input/InputSelect.jsx b/client/app/components/Input/InputSelect.jsx
@@ -1,5 +1,6 @@
 // @flow
 import React, { useState } from 'react';
+import type { Node } from 'react';
 import renderHTML from 'react-render-html';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faCaretDown } from '@fortawesome/free-solid-svg-icons';
@@ -24,7 +25,7 @@ export function InputSelect({
   label,
   onChange,
   value: propValue,
-}: Props) {
+}: Props): Node {
   const [value, setValue] = useState<any>(propValue);
 
   const toggleValue = (e: SyntheticEvent<HTMLInputElement>) => {

diff --git a/client/app/components/Input/InputSubmit.jsx b/client/app/components/Input/InputSubmit.jsx
@@ -1,5 +1,6 @@
 // @flow
 import React from 'react';
+import type { Node } from 'react';
 import globalCss from 'styles/_global.scss';
 
 export type Props = {
@@ -31,7 +32,7 @@ export const InputSubmit = ({
   value,
   disabled,
   formNoValidate,
-}: Props) => (
+}: Props): Node => (
   <input
     id={id}
     type="submit"