chore: remove the options page

src/assets/js/components/popup/sign-in.jsx

@@ -8,7 +8,7 @@ import { callApi } from '@/main';
 import {
   notifySignInSuccess,
 } from '@/features/popup/popupSlice';
-import { TokenHelpText } from '@/components/options/token-help-text';
+import { TokenHelpText } from '@/components/popup/token-help-text';
 
 const SignInFormError = ({ message }) => {
   return (
@@ -21,7 +21,7 @@ const SignInFormError = ({ message }) => {
   );
 };
 
-export const SignInCallToAction = () => {
+export const SignInForm = () => {
   const [isLoading, setIsLoading] = useState(false);
   const [showSignInFormError, setShowSignInFormError] = useState(false);
   const [token, setToken] = useState('');
@@ -51,7 +51,7 @@ export const SignInCallToAction = () => {
   }
 
   return (
-    <div className="page" id="sign-in-page">
+    <div className="page mt-4" id="sign-in-page">
       <div className="d-flex flex-column">
         <section className="align-items-center d-flex flex-grow-1 justify-content-center border-0">
           <div className="text-center">

src/assets/js/popup.jsx

@@ -14,7 +14,7 @@ import 'bootstrap-icons/font/bootstrap-icons.scss';
 import '@/scss/style.scss';
 import '@/scss/sweetalert-icons.scss';
 
-import { SignInCallToAction } from '@/components/popup/sign-in';
+import { SignInForm } from '@/components/popup/sign-in';
 import { Success } from '@/components/popup/success';
 import { Proposal } from '@/components/popup/proposal';
 import { SignInSuccess } from '@/components/popup/sign-in-success';
@@ -46,7 +46,7 @@ const PopupPage = () => {
 
   return (
     <>
-      {showSignIn && <SignInCallToAction />}
+      {showSignIn && <SignInForm />}
       {showProposal && <Proposal />}
       {showSuccess && <Success assetDashboardLink={assetDashboardLink} />}
       {showSignInSuccess && <SignInSuccess />}

src/assets/js/store.js

@@ -1,11 +1,9 @@
 import { configureStore } from '@reduxjs/toolkit';
 
-import authReducer from '@/features/options/optionsSlice';
 import popupReducer from '@/features/popup/popupSlice';
 
 export const store = configureStore({
   reducer: {
-    auth: authReducer,
     popup: popupReducer,
   },
 });

src/manifest-chrome.json

@@ -25,6 +25,5 @@
       "16": "assets/images/screenly-logo-16.png",
       "32": "assets/images/screenly-logo-32.png"
     }
-  },
-  "options_page": "options.html"
+  }
 }

src/manifest-firefox.json

@@ -26,7 +26,6 @@
       "32": "assets/images/screenly-logo-32.png"
     }
   },
-  "options_page": "options.html",
   "browser_specific_settings": {
     "gecko": {
       "id": "[email protected]",

webpack.common.js

@@ -7,7 +7,6 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 module.exports = {
   entry: {
     'popup': './src/assets/js/popup.jsx',
-    'options': './src/assets/js/options.jsx',
   },
 
   module: {
@@ -73,11 +72,6 @@ module.exports = {
       template: './src/popup.html',
       chunks: ['popup']
     }),
-    new HtmlWebpackPlugin({
-      filename: 'options.html',
-      template: './src/options.html',
-      chunks: ['options']
-    }),
 
     new MiniCssExtractPlugin(),