Disable HMR for now.

notifo-io · Feb 15, 2024 · 5846405 · 5846405
1 parent 4a211e3
commit 5846405
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 1 deletion.
diff --git a/frontend/src/app/pages/templates/TemplatesPage.tsx b/frontend/src/app/pages/templates/TemplatesPage.tsx
@@ -5,6 +5,7 @@
  * Copyright (c) Sebastian Stehle. All rights reserved.
  */
 
+import classNames from 'classnames';
 import * as React from 'react';
 import { useDispatch } from 'react-redux';
 import { useBoolean } from '@app/framework';
@@ -32,7 +33,9 @@ export const TemplatesPage = () => {
 
     return (
         <div className='templates'>
-            <TemplatesList onOpen={setIsOpen.on} />
+            <div className={classNames({ 'templates-selected': isOpen && !!template })}>
+                <TemplatesList onOpen={setIsOpen.on} />
+            </div>
 
             {isOpen &&
                 <TemplateForm language={language}

diff --git a/frontend/src/app/style/_templates.scss b/frontend/src/app/style/_templates.scss
@@ -5,6 +5,11 @@
     &-overview {
         max-width: 600px;
     }
+
+    &-selected {
+        opacity: .75;
+        pointer-events: none;
+    }
 }
 
 .preview-container {

diff --git a/frontend/vite.config.mjs b/frontend/vite.config.mjs
@@ -15,6 +15,14 @@ import mkcert from 'vite-plugin-mkcert';
 
 const dirName = fileURLToPath(new URL('.', import.meta.url));
 
+const fullReloadAlways = {
+    name: 'full-reload-always',
+    handleHotUpdate({ server }) {
+        server.ws.send({ type: 'full-reload' });
+        return [];
+    },
+};
+
 // https://vitejs.dev/config/
 export default defineConfig({
     resolve: {
@@ -50,6 +58,7 @@ export default defineConfig({
             include: 'sdk/**/*.tsx',
         }),
         mkcert(),
+        fullReloadAlways,
     ],
 
     test: {