webui: replace React imports

Quentin Gliech created

Change summary

webui/src/App.tsx                                         | 1 -
webui/src/components/Author.tsx                           | 1 -
webui/src/components/BackToListButton.tsx                 | 1 -
webui/src/components/BugTitleForm/BugTitleForm.tsx        | 2 +-
webui/src/components/CloseBugButton/index.tsx             | 2 --
webui/src/components/CloseBugWithCommentButton/index.tsx  | 2 --
webui/src/components/CommentInput/CommentInput.tsx        | 3 ++-
webui/src/components/Content/AnchorTag.tsx                | 2 +-
webui/src/components/Content/BlockQuoteTag.tsx            | 2 +-
webui/src/components/Content/ImageTag.tsx                 | 2 +-
webui/src/components/Content/PreTag.tsx                   | 2 +-
webui/src/components/Content/index.tsx                    | 3 ++-
webui/src/components/Date.tsx                             | 1 -
webui/src/components/Header/Header.tsx                    | 1 -
webui/src/components/Header/index.tsx                     | 2 +-
webui/src/components/Identity/CurrentIdentity.tsx         | 6 +++---
webui/src/components/IfLoggedIn/IfLoggedIn.tsx            | 2 +-
webui/src/components/Label.tsx                            | 2 --
webui/src/components/ReopenBugButton/index.tsx            | 2 --
webui/src/components/ReopenBugWithCommentButton/index.tsx | 2 --
webui/src/components/Themer.tsx                           | 3 ++-
webui/src/index.tsx                                       | 1 -
webui/src/pages/bug/Bug.tsx                               | 2 --
webui/src/pages/bug/BugQuery.tsx                          | 2 +-
webui/src/pages/bug/CommentForm.tsx                       | 3 ++-
webui/src/pages/bug/EditCommentForm.tsx                   | 3 ++-
webui/src/pages/bug/LabelChange.tsx                       | 2 --
webui/src/pages/bug/Message.tsx                           | 3 ++-
webui/src/pages/bug/MessageHistoryDialog.tsx              | 2 +-
webui/src/pages/bug/SetStatus.tsx                         | 2 --
webui/src/pages/bug/SetTitle.tsx                          | 2 --
webui/src/pages/bug/Timeline.tsx                          | 2 --
webui/src/pages/bug/TimelineQuery.tsx                     | 2 --
webui/src/pages/bug/labels/LabelMenu.tsx                  | 3 ++-
webui/src/pages/identity/BugList.tsx                      | 2 --
webui/src/pages/identity/Identity.tsx                     | 1 -
webui/src/pages/identity/IdentityQuery.tsx                | 2 +-
webui/src/pages/list/BugRow.tsx                           | 2 +-
webui/src/pages/list/Filter.tsx                           | 3 ++-
webui/src/pages/list/FilterToolbar.tsx                    | 2 +-
webui/src/pages/list/List.tsx                             | 2 --
webui/src/pages/list/ListQuery.tsx                        | 3 ++-
webui/src/pages/new/NewBugPage.tsx                        | 2 +-
webui/src/pages/notfound/NotFoundPage.tsx                 | 2 --
44 files changed, 34 insertions(+), 60 deletions(-)

Detailed changes

webui/src/App.tsx 🔗 

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Route, Switch } from 'react-router';
 
 import Layout from './components/Header';

webui/src/components/Author.tsx 🔗 

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Link as RouterLink } from 'react-router-dom';
 
 import MAvatar from '@material-ui/core/Avatar';

webui/src/components/CloseBugButton/index.tsx 🔗 

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import Button from '@material-ui/core/Button';
 import CircularProgress from '@material-ui/core/CircularProgress';
 import { makeStyles, Theme } from '@material-ui/core/styles';

webui/src/components/CommentInput/CommentInput.tsx 🔗 

@@ -1,4 +1,5 @@
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
+import * as React from 'react';
 
 import { Typography } from '@material-ui/core';
 import Tab from '@material-ui/core/Tab';

webui/src/components/Content/index.tsx 🔗 

@@ -1,4 +1,5 @@
-import React, { createElement, Fragment, useEffect, useState } from 'react';
+import { createElement, Fragment, useEffect, useState } from 'react';
+import * as React from 'react';
 import rehypeReact from 'rehype-react';
 import gemoji from 'remark-gemoji';
 import html from 'remark-html';

webui/src/components/Date.tsx 🔗 

@@ -1,5 +1,4 @@
 import moment from 'moment';
-import React from 'react';
 import Moment from 'react-moment';
 
 import Tooltip from '@material-ui/core/Tooltip/Tooltip';

webui/src/components/Identity/CurrentIdentity.tsx 🔗 

@@ -1,4 +1,4 @@
-import React from 'react';
+import { useState, useRef } from 'react';
 import { Link as RouterLink } from 'react-router-dom';
 
 import {
@@ -37,8 +37,8 @@ const CurrentIdentity = () => {
   const classes = useStyles();
   const { loading, error, data } = useCurrentIdentityQuery();
 
-  const [open, setOpen] = React.useState(false);
-  const anchorRef = React.useRef<HTMLButtonElement>(null);
+  const [open, setOpen] = useState(false);
+  const anchorRef = useRef<HTMLButtonElement>(null);
 
   if (error || loading || !data?.repository?.userIdentity) return null;

webui/src/components/Label.tsx 🔗 

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { Chip } from '@material-ui/core';
 import { common } from '@material-ui/core/colors';
 import {

webui/src/components/Themer.tsx 🔗 

@@ -1,4 +1,5 @@
-import React, { createContext, useContext, useState } from 'react';
+import { createContext, useContext, useState } from 'react';
+import * as React from 'react';
 
 import { ThemeProvider } from '@material-ui/core';
 import IconButton from '@material-ui/core/IconButton';

webui/src/index.tsx 🔗 

@@ -1,5 +1,4 @@
 import { ApolloProvider } from '@apollo/client';
-import React from 'react';
 import ReactDOM from 'react-dom';
 import { BrowserRouter } from 'react-router-dom';

webui/src/pages/bug/Bug.tsx 🔗 

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { makeStyles } from '@material-ui/core/styles';
 
 import BugTitleForm from 'src/components/BugTitleForm/BugTitleForm';

webui/src/pages/bug/BugQuery.tsx 🔗 

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 
 import CircularProgress from '@material-ui/core/CircularProgress';

webui/src/pages/bug/CommentForm.tsx 🔗 

@@ -1,4 +1,5 @@
-import React, { useState, useRef } from 'react';
+import { useState, useRef } from 'react';
+import * as React from 'react';
 
 import Button from '@material-ui/core/Button';
 import Paper from '@material-ui/core/Paper';

webui/src/pages/bug/EditCommentForm.tsx 🔗 

@@ -1,4 +1,5 @@
-import React, { useState, useRef } from 'react';
+import { useState, useRef } from 'react';
+import * as React from 'react';
 
 import Button from '@material-ui/core/Button';
 import Paper from '@material-ui/core/Paper';

webui/src/pages/bug/Message.tsx 🔗 

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
+import * as React from 'react';
 
 import IconButton from '@material-ui/core/IconButton';
 import Paper from '@material-ui/core/Paper';

webui/src/pages/bug/MessageHistoryDialog.tsx 🔗 

@@ -1,5 +1,5 @@
 import moment from 'moment';
-import React from 'react';
+import * as React from 'react';
 import Moment from 'react-moment';
 
 import MuiAccordion from '@material-ui/core/Accordion';

webui/src/pages/bug/SetStatus.tsx 🔗 

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';

webui/src/pages/bug/SetTitle.tsx 🔗 

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';

webui/src/pages/bug/Timeline.tsx 🔗 

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { makeStyles } from '@material-ui/core/styles';
 
 import { BugFragment } from './Bug.generated';

webui/src/pages/bug/labels/LabelMenu.tsx 🔗 

@@ -1,4 +1,5 @@
-import React, { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
+import * as React from 'react';
 
 import { IconButton } from '@material-ui/core';
 import Menu from '@material-ui/core/Menu';

webui/src/pages/identity/BugList.tsx 🔗 

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { Card, Divider, Link, Typography } from '@material-ui/core';
 import CircularProgress from '@material-ui/core/CircularProgress';
 import { makeStyles } from '@material-ui/core/styles';

webui/src/pages/identity/IdentityQuery.tsx 🔗 

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 
 import CircularProgress from '@material-ui/core/CircularProgress';

webui/src/pages/list/BugRow.tsx 🔗 

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { Link } from 'react-router-dom';
 
 import TableCell from '@material-ui/core/TableCell/TableCell';

webui/src/pages/list/Filter.tsx 🔗 

@@ -1,6 +1,7 @@
 import clsx from 'clsx';
 import { LocationDescriptor } from 'history';
-import React, { useRef, useState, useEffect } from 'react';
+import { useRef, useState, useEffect } from 'react';
+import * as React from 'react';
 import { Link } from 'react-router-dom';
 
 import Menu from '@material-ui/core/Menu';

webui/src/pages/list/FilterToolbar.tsx 🔗 

@@ -1,6 +1,6 @@
 import { pipe } from '@arrows/composition';
 import { LocationDescriptor } from 'history';
-import React from 'react';
+import * as React from 'react';
 
 import Toolbar from '@material-ui/core/Toolbar';
 import { makeStyles } from '@material-ui/core/styles';

webui/src/pages/list/List.tsx 🔗 

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import Table from '@material-ui/core/Table/Table';
 import TableBody from '@material-ui/core/TableBody/TableBody';

webui/src/pages/list/ListQuery.tsx 🔗 

@@ -1,6 +1,7 @@
 import { ApolloError } from '@apollo/client';
 import { pipe } from '@arrows/composition';
-import React, { useState, useEffect, useRef } from 'react';
+import { useState, useEffect, useRef } from 'react';
+import * as React from 'react';
 import { useLocation, useHistory, Link } from 'react-router-dom';
 
 import { Button, FormControl, Menu, MenuItem } from '@material-ui/core';

webui/src/pages/new/NewBugPage.tsx 🔗 

@@ -1,4 +1,4 @@
-import React, { FormEvent, useState } from 'react';
+import { FormEvent, useState } from 'react';
 import { useHistory } from 'react-router-dom';
 
 import { Button, Paper } from '@material-ui/core';