fix: added missing FunctionComponent types

Signed-off-by: Talita Gregory Nunes Freire <talita.freire@dazn.com>

plugins/github-pull-requests-board/src/components/Card/CardHeader.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
+import React, { FunctionComponent } from 'react';
 import { Typography, Box } from '@material-ui/core';
 import { getElapsedTime } from '../../utils/functions';
 import { UserHeader } from '../UserHeader';
@@ -27,7 +27,7 @@ type Props = {
   repositoryName: string;
 };
 
-const CardHeader = (props: Props) => {
+const CardHeader: FunctionComponent<Props> = (props: Props) => {
   const {
     title,
     createdAt,

plugins/github-pull-requests-board/src/components/InfoCardHeader/InfoCardHeader.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React, { PropsWithChildren } from 'react';
+import React, { PropsWithChildren, FunctionComponent } from 'react';
 import { Typography, Box, IconButton } from '@material-ui/core';
 import RefreshIcon from '@material-ui/icons/Refresh';
 
@@ -21,7 +21,9 @@ type Props = {
   onRefresh: () => void;
 };
 
-const InfoCardHeader = (props: PropsWithChildren<Props>) => {
+const InfoCardHeader: FunctionComponent<Props> = (
+  props: PropsWithChildren<Props>,
+) => {
   const { children, onRefresh } = props;
 
   return (

plugins/github-pull-requests-board/src/components/PullRequestBoardOptions/PullRequestBoardOptions.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React, { ReactNode } from 'react';
+import React, { ReactNode, FunctionComponent } from 'react';
 import { ToggleButton, ToggleButtonGroup } from '@material-ui/lab';
 import { Tooltip, Box } from '@material-ui/core';
 import { PRCardFormating } from '../../utils/types';
@@ -30,7 +30,7 @@ type Props = {
   options: Option[];
 };
 
-const PullRequestBoardOptions = (props: Props) => {
+const PullRequestBoardOptions: FunctionComponent<Props> = (props: Props) => {
   const { value, onClickOption, options } = props;
   return (
     <ToggleButtonGroup

plugins/github-pull-requests-board/src/components/UserHeader/UserHeader.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
+import React, { FunctionComponent } from 'react';
 import { Typography, Box, Avatar, makeStyles } from '@material-ui/core';
 
 type Props = {
@@ -29,7 +29,7 @@ const useStyles = makeStyles(theme => ({
   },
 }));
 
-const UserHeader = (props: Props) => {
+const UserHeader: FunctionComponent<Props> = (props: Props) => {
   const { name, avatar } = props;
   const classes = useStyles();
 

plugins/github-pull-requests-board/src/components/UserHeaderList/UserHeaderList.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
+import React, { FunctionComponent } from 'react';
 import { Typography, Box } from '@material-ui/core';
 import { filterSameUser } from '../../utils/functions';
 
@@ -25,7 +25,7 @@ type Props = {
   users: Author[];
 };
 
-const UserHeaderList = (props: Props) => {
+const UserHeaderList: FunctionComponent<Props> = (props: Props) => {
   const { users, label } = props;
 
   return (

plugins/github-pull-requests-board/src/components/Wrapper/Wrapper.tsx

@@ -13,14 +13,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React, { PropsWithChildren } from 'react';
+import React, { PropsWithChildren, FunctionComponent } from 'react';
 import { Grid, Box } from '@material-ui/core';
 
 type Props = {
   fullscreen: boolean;
 };
 
-const Wrapper = (props: PropsWithChildren<Props>) => {
+const Wrapper: FunctionComponent<Props> = (props: PropsWithChildren<Props>) => {
   const { children, fullscreen } = props;
 
   return (

plugins/github-pull-requests-board/src/components/icons/DraftPr/DraftPr.tsx

@@ -13,9 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
+import React, { FunctionComponent } from 'react';
 
-const DraftPr = () => (
+const DraftPr: FunctionComponent = () => (
   <svg
     aria-hidden="true"
     height="16"