remove react from scope, and two unused fragments

assets/admin/app.jsx

@@ -1,4 +1,4 @@
-import { React, useEffect, useState, Suspense } from "react";
+import { useEffect, useState, Suspense } from "react";
 import { I18nextProvider } from "react-i18next";
 import { Routes, Route, Navigate } from "react-router-dom";
 import i18next from "i18next";
@@ -40,11 +40,11 @@ import ActivationCodeList from "./components/activation-code/activation-code-lis
 import ActivationCodeCreate from "./components/activation-code/activation-code-create";
 import ActivationCodeActivate from "./components/activation-code/activation-code-activate";
 import AdminConfigLoader from "./components/util/admin-config-loader.js";
-import "react-toastify/dist/ReactToastify.css";
-import "./app.scss";
 import FeedSourcesList from "./components/feed-sources/feed-sources-list";
 import FeedSourceCreate from "./components/feed-sources/feed-source-create";
 import FeedSourceEdit from "./components/feed-sources/feed-source-edit";
+import "react-toastify/dist/ReactToastify.css";
+import "./app.scss";
 
 /**
  * App component.

assets/admin/components/activation-code/activation-code-activate.jsx

@@ -1,4 +1,4 @@
-import { React, useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import Form from "react-bootstrap/Form";

assets/admin/components/activation-code/activation-code-columns.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import { useTranslation } from "react-i18next";
 import dayjs from "dayjs";
 import SelectColumnHoc from "../util/select-column-hoc";

assets/admin/components/activation-code/activation-code-create.jsx

@@ -1,4 +1,4 @@
-import { React, useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import { usePostV2UserActivationCodesMutation } from "../../../shared/redux/enhanced-api.ts";

assets/admin/components/activation-code/activation-code-form.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import { useNavigate } from "react-router-dom";
 import { Button, Col, Row } from "react-bootstrap";
 import { useTranslation } from "react-i18next";

assets/admin/components/activation-code/activation-code-list.jsx

@@ -1,4 +1,4 @@
-import { React, useEffect, useState, useContext } from "react";
+import { useEffect, useState, useContext } from "react";
 import { useTranslation } from "react-i18next";
 import { useDispatch } from "react-redux";
 import { Button } from "react-bootstrap";

assets/admin/components/auth-handler.jsx

@@ -1,4 +1,4 @@
-import { React, useContext } from "react";
+import { useContext } from "react";
 import Login from "./user/login";
 import UserContext from "../context/user-context";
 

assets/admin/components/error-boundary.jsx

@@ -1,4 +1,4 @@
-import React, { Component } from "react";
+import { Component } from "react";
 import "./error-boundary.scss";
 
 class ErrorBoundary extends Component {

assets/admin/components/feed-sources/feed-source-create.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import FeedSourceManager from "./feed-source-manager";
 
 /**

assets/admin/components/feed-sources/feed-source-edit.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import { useParams } from "react-router-dom";
 import { useGetV2FeedSourcesByIdQuery } from "../../../shared/redux/enhanced-api.ts";
 import FeedSourceManager from "./feed-source-manager";

assets/admin/components/feed-sources/feed-source-form.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import { Alert, Button, Row, Col } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";

assets/admin/components/feed-sources/feed-source-manager.jsx

@@ -1,4 +1,4 @@
-import { React, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import FeedSourceForm from "./feed-source-form";

assets/admin/components/feed-sources/feed-sources-columns.jsx

@@ -1,4 +1,4 @@
-import { React, useContext } from "react";
+import { useContext } from "react";
 import { useTranslation } from "react-i18next";
 import ColumnHoc from "../util/column-hoc";
 import ListButton from "../util/list/list-button";

assets/admin/components/feed-sources/feed-sources-list.jsx

@@ -1,4 +1,4 @@
-import { React, useState, useEffect, useContext } from "react";
+import { useState, useEffect, useContext } from "react";
 import { useTranslation } from "react-i18next";
 import ContentHeader from "../util/content-header/content-header";
 import {

assets/admin/components/feed-sources/templates/calendar-api-feed-type.jsx

@@ -1,4 +1,4 @@
-import { React, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Alert } from "react-bootstrap";
 import MultiselectFromEndpoint from "../../slide/content/multiselect-from-endpoint";

assets/admin/components/feed-sources/templates/colibo-feed-type.jsx

@@ -1,4 +1,4 @@
-import { React, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Alert } from "react-bootstrap";
 import MultiselectFromEndpoint from "../../slide/content/multiselect-from-endpoint";

assets/admin/components/feed-sources/templates/event-database-feed-type.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import { useTranslation } from "react-i18next";
 import FormInput from "../../util/forms/form-input";
 

assets/admin/components/feed-sources/templates/event-database-v2-feed-type.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import { useTranslation } from "react-i18next";
 import FormInput from "../../util/forms/form-input";
 

assets/admin/components/feed-sources/templates/notified-feed-type.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import { useTranslation } from "react-i18next";
 import FormInput from "../../util/forms/form-input";
 

assets/admin/components/groups/group-create.jsx

@@ -1,4 +1,4 @@
-import { React, useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import { usePostV2ScreenGroupsMutation } from "../../../shared/redux/enhanced-api.ts";

assets/admin/components/groups/group-edit.jsx

@@ -1,4 +1,4 @@
-import { React, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useParams, useNavigate } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import {

assets/admin/components/groups/group-form.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import { useNavigate } from "react-router-dom";
 import { Button } from "react-bootstrap";
 import { useTranslation } from "react-i18next";

assets/admin/components/groups/groups-columns.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import { useTranslation } from "react-i18next";
 import ListButton from "../util/list/list-button";
 import ColumnHoc from "../util/column-hoc";

assets/admin/components/groups/groups-list.jsx

@@ -1,4 +1,4 @@
-import { React, useEffect, useState, useContext } from "react";
+import { useEffect, useState, useContext } from "react";
 import { useTranslation } from "react-i18next";
 import List from "../util/list/list";
 import ListContext from "../../context/list-context";

assets/admin/components/media-modal/media-modal.jsx

@@ -1,4 +1,4 @@
-import { React, useEffect } from "react";
+import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import Modal from "react-bootstrap/Modal";
 import ModalDialog from "../util/modal/modal-dialog";

assets/admin/components/media/image-list.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import { useTranslation } from "react-i18next";
 import { Form } from "react-bootstrap";
 import selectedHelper from "../util/helpers/selected-helper";

assets/admin/components/media/media-create.jsx

@@ -1,4 +1,4 @@
-import { React, useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { usePostMediaCollectionMutation } from "../../../shared/redux/enhanced-api.ts";
 import MediaForm from "./media-form";

assets/admin/components/media/media-form.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import { useNavigate } from "react-router-dom";
 import { Button } from "react-bootstrap";
 import { useTranslation } from "react-i18next";

assets/admin/components/media/media-list.jsx

@@ -1,4 +1,4 @@
-import { React, useEffect, useState, useContext } from "react";
+import { useEffect, useState, useContext } from "react";
 import { Button, Col, Row } from "react-bootstrap";
 import { Link, useNavigate, useLocation } from "react-router-dom";
 import { useTranslation } from "react-i18next";

assets/admin/components/navigation/login-sidebar/login-sidebar.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import { useTranslation, Trans } from "react-i18next";
 import Logo from "../logo";
 

assets/admin/components/navigation/logo.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import DisplayLogo from "./logo.svg";
 
 const Logo = () => {

assets/admin/components/navigation/nav-items/nav-items.jsx

@@ -1,4 +1,4 @@
-import { React, useContext, useEffect } from "react";
+import { useContext, useEffect } from "react";
 import { Nav } from "react-bootstrap";
 import { Link, NavLink, useLocation } from "react-router-dom";
 import { useTranslation } from "react-i18next";

assets/admin/components/navigation/nav-items/restricted-nav-route.jsx

@@ -1,4 +1,4 @@
-import { React, useContext } from "react";
+import { useContext } from "react";
 import UserContext from "../../../context/user-context";
 
 /**

assets/admin/components/navigation/nav-items/tenant-selector.jsx

@@ -1,4 +1,4 @@
-import { React, useContext } from "react";
+import { useContext } from "react";
 import { Nav, NavDropdown } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 import UserContext from "../../../context/user-context";

assets/admin/components/navigation/sidebar/sidebar.jsx

@@ -1,11 +1,11 @@
-import { React, useState } from "react";
+import { useState } from "react";
 import Nav from "react-bootstrap/Nav";
 import Brand from "react-bootstrap/NavbarBrand";
 import Col from "react-bootstrap/Col";
 import NavItems from "../nav-items/nav-items";
-import "./sidebar.scss";
 import Logo from "../logo";
 import TenantSelector from "../nav-items/tenant-selector";
+import "./sidebar.scss";
 
 /**
  * The sidebar component.

assets/admin/components/navigation/topbar/top-bar.jsx

@@ -1,4 +1,4 @@
-import { React, useContext } from "react";
+import { useContext } from "react";
 import Nav from "react-bootstrap/Nav";
 import Dropdown from "react-bootstrap/Dropdown";
 import Navbar from "react-bootstrap/Navbar";
@@ -15,7 +15,6 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 import NavItems from "../nav-items/nav-items";
 import UserContext from "../../../context/user-context";
-
 import "./top-bar.scss";
 
 /**

assets/admin/components/no-access/no-access.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import { useTranslation } from "react-i18next";
 
 /**

assets/admin/components/playlist/campaign-form.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import { useTranslation } from "react-i18next";
 import idFromUrl from "../util/helpers/id-from-url";
 import { useGetV2CampaignsByIdScreenGroupsQuery } from "../../../shared/redux/enhanced-api.ts";

assets/admin/components/playlist/playlist-campaign-create.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import PlaylistCampaignManager from "./playlist-campaign-manager";
 
 /**

assets/admin/components/playlist/playlist-campaign-edit.jsx

@@ -1,4 +1,4 @@
-import { React, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useParams } from "react-router-dom";
 import PlaylistCampaignManager from "./playlist-campaign-manager";
 import idFromUrl from "../util/helpers/id-from-url";

assets/admin/components/playlist/playlist-campaign-form.jsx

@@ -1,4 +1,4 @@
-import { React, useContext, useState } from "react";
+import { useContext, useState } from "react";
 import { Alert, Button, Col, Form, Row } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";

assets/admin/components/playlist/playlist-campaign-list.jsx

@@ -1,4 +1,4 @@
-import { React, useState, useEffect, useContext } from "react";
+import { useState, useEffect, useContext } from "react";
 import { useTranslation } from "react-i18next";
 import useModal from "../../context/modal-context/modal-context-hook";
 import UserContext from "../../context/user-context";

assets/admin/components/playlist/playlist-campaign-manager.jsx

@@ -1,4 +1,4 @@
-import { React, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate, useLocation } from "react-router-dom";
 import set from "lodash.set";

assets/admin/components/playlist/playlist-form.jsx

@@ -1,4 +1,4 @@
-import { React, useContext } from "react";
+import { useContext } from "react";
 import { useTranslation } from "react-i18next";
 import { Alert } from "react-bootstrap";
 import UserContext from "../../context/user-context";

assets/admin/components/playlist/playlist-gantt-chart.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import GanttChart from "../util/gantt-chart";
 import localStorageKeys from "../util/local-storage-keys";

assets/admin/components/playlist/playlists-columns.jsx

@@ -1,4 +1,4 @@
-import { React, useContext } from "react";
+import { useContext } from "react";
 import { useTranslation } from "react-i18next";
 import ColumnHoc from "../util/column-hoc";
 import SelectColumnHoc from "../util/select-column-hoc";

assets/admin/components/playlist/shared-playlists-column.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import { useTranslation } from "react-i18next";
 import Publishing from "../util/publishing";
 

assets/admin/components/playlist/shared-playlists.jsx

@@ -1,4 +1,4 @@
-import { React, useState, useEffect, useContext } from "react";
+import { useState, useEffect, useContext } from "react";
 import { useTranslation } from "react-i18next";
 import UserContext from "../../context/user-context";
 import ContentHeader from "../util/content-header/content-header";

assets/admin/components/preview/preview.jsx

@@ -1,4 +1,4 @@
-import { React, JSX, useEffect, useState } from "react";
+import { JSX, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import LocalStorageKeys from "../util/local-storage-keys";
 

assets/admin/components/restricted-route.jsx

@@ -1,4 +1,4 @@
-import { React, useContext } from "react";
+import { useContext } from "react";
 import UserContext from "../context/user-context";
 import NoAccess from "./no-access/no-access";
 

assets/admin/components/screen/screen-create.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import ScreenManager from "./screen-manager";
 
 /**

assets/admin/components/screen/screen-edit.jsx

@@ -1,4 +1,4 @@
-import { React, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useParams } from "react-router-dom";
 import idFromUrl from "../util/helpers/id-from-url";
 import ScreenManager from "./screen-manager";

assets/admin/components/screen/screen-form.jsx

@@ -16,13 +16,13 @@ import {
   useGetV2ScreensByIdScreenGroupsQuery,
 } from "../../../shared/redux/enhanced-api.ts";
 import FormCheckbox from "../util/forms/form-checkbox";
-import "./screen-form.scss";
 import Preview from "../preview/preview";
 import StickyFooter from "../util/sticky-footer";
 import Select from "../util/forms/select";
 import userContext from "../../context/user-context";
 import ScreenStatus from "./screen-status";
 import { displayError } from "../util/list/toast-component/display-toast";
+import "./screen-form.scss";
 
 /**
  * The screen form component.

assets/admin/components/screen/screen-list.jsx

@@ -1,4 +1,4 @@
-import { React, useEffect, useState, useContext } from "react";
+import { useEffect, useState, useContext } from "react";
 import { useTranslation } from "react-i18next";
 import UserContext from "../../context/user-context";
 import List from "../util/list/list";
@@ -17,8 +17,8 @@ import {
   displaySuccess,
   displayError,
 } from "../util/list/toast-component/display-toast";
-import "./screen-list.scss";
 import AdminConfigLoader from "../util/admin-config-loader.js";
+import "./screen-list.scss";
 
 /**
  * The screen list component.

assets/admin/components/screen/screen-manager.jsx

@@ -1,4 +1,4 @@
-import { React, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import set from "lodash.set";
 import { useNavigate } from "react-router-dom";

assets/admin/components/screen/screen-status.jsx

@@ -1,5 +1,5 @@
 import dayjs from "dayjs";
-import { React, JSX, useState, useEffect } from "react";
+import { JSX, useState, useEffect } from "react";
 import { Alert, Button } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

assets/admin/components/screen/util/campaign-icon.jsx

@@ -1,4 +1,4 @@
-import { React, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useDispatch } from "react-redux";
 import { useTranslation } from "react-i18next";
 import Spinner from "react-bootstrap/Spinner";

assets/admin/components/screen/util/screen-columns.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import { useTranslation } from "react-i18next";
 import ListButton from "../../util/list/list-button";
 import CampaignIcon from "./campaign-icon";

assets/admin/components/screen/util/screen-gantt-chart.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useContext } from "react";
+import { useEffect, useState, useContext } from "react";
 import { RRule } from "rrule";
 import { useTranslation } from "react-i18next";
 import GanttChart from "../../util/gantt-chart";

assets/admin/components/slide/content/contacts/contact-form.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import set from "lodash.set";
 import { Col, Row } from "react-bootstrap";
 import { useTranslation } from "react-i18next";

assets/admin/components/slide/content/contacts/contact-view.jsx

@@ -1,4 +1,3 @@
-import { React } from "react";
 import { Button, Card } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 

assets/admin/components/slide/content/contacts/contacts.jsx

@@ -1,4 +1,4 @@
-import { React, useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { Button, Card, Row } from "react-bootstrap";
 import { ulid } from "ulid";
 import { useTranslation } from "react-i18next";