4565: Fixed issues raised in review

Author: tuj

assets/admin/app.jsx

@@ -7,7 +7,7 @@ import Container from "react-bootstrap/Container";
 import Row from "react-bootstrap/Row";
 import Col from "react-bootstrap/Col";
 import localStorageKeys from "./components/util/local-storage-keys";
-import RestrictedRoute from "./components/restricted-route.jsx";
+import RestrictedRoute from "./components/restricted-route";
 import Topbar from "./components/navigation/topbar/top-bar";
 import SideBar from "./components/navigation/sidebar/sidebar";
 import ScreenList from "./components/screen/screen-list";
@@ -32,7 +32,7 @@ import UserContext from "./context/user-context";
 import ListContext from "./context/list-context";
 import SharedPlaylists from "./components/playlist/shared-playlists";
 import Logout from "./components/user/logout";
-import AuthHandler from "./components/auth-handler.jsx";
+import AuthHandler from "./components/auth-handler";
 import LoadingComponent from "./components/util/loading-component/loading-component";
 import ModalProvider from "./context/modal-context/modal-provider";
 import UsersList from "./components/users/users-list";

assets/admin/components/auth-handler.jsx

@@ -1,7 +1,7 @@
 import { React, useContext } from "react";
 import PropTypes from "prop-types";
-import Login from "./user/login.jsx";
-import UserContext from "../context/user-context.jsx";
+import Login from "./user/login";
+import UserContext from "../context/user-context";
 
 /**
  * The auth handler wrapper.

assets/admin/components/restricted-route.jsx

@@ -1,7 +1,7 @@
 import { React, useContext } from "react";
 import PropTypes from "prop-types";
-import UserContext from "../context/user-context.jsx";
-import NoAccess from "./no-access/no-access.jsx";
+import UserContext from "../context/user-context";
+import NoAccess from "./no-access/no-access";
 
 /**
  * The restricted route wrapper.

assets/admin/components/slide/preview/slide-preview.jsx

@@ -2,7 +2,7 @@ import { React, useEffect, useState } from "react";
 import { Button } from "react-bootstrap";
 import PropTypes from "prop-types";
 import { useTranslation } from "react-i18next";
-import ErrorBoundary from "../../error-boundary.jsx";
+import ErrorBoundary from "../../error-boundary";
 import "./slide-preview.scss";
 import { renderSlide } from "../../../../shared/slide-utils/templates";
 

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

@@ -16,7 +16,7 @@ import idFromUrl from "../util/helpers/id-from-url";
 import FormInput from "../util/forms/form-input";
 import ContentForm from "./content/content-form";
 import LoadingComponent from "../util/loading-component/loading-component";
-import SlidePreview from "./preview/slide-preview.jsx";
+import SlidePreview from "./preview/slide-preview";
 import FeedSelector from "./content/feed-selector";
 import SelectPlaylistsTable from "../util/multi-and-table/select-playlists-table";
 import localStorageKeys from "../util/local-storage-keys";
@@ -161,8 +161,10 @@ function SlideForm({
     if (selectedTemplate) {
       const slideConfig = getConfig(selectedTemplate['id']);
       setContentFormElements(slideConfig.adminForm ?? []);
+      setDisableLivePreview(slideConfig?.options?.disableLivePreview ?? false);
       newSelectedTemplates.push(selectedTemplate);
     }
+
     setSelectedTemplates(newSelectedTemplates);
   }, [selectedTemplate]);