improve welcome screen

Author: orangecoding

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fredy",
-  "version": "19.4.0",
+  "version": "19.4.1",
   "description": "[F]ind [R]eal [E]states [d]amn eas[y].",
   "scripts": {
     "prepare": "husky",

ui/src/App.jsx

@@ -90,7 +90,7 @@ export default function FredyApp() {
             </>
           )}
           {settings.analyticsEnabled === null && !settings.demoMode && <TrackingModal />}
-          <NewsModal />
+          {!settings.demoMode && <NewsModal />}
           <Routes>
             <Route path="/403" element={<InsufficientPermission />} />
             <Route path="/jobs/new" element={<JobMutation />} />

ui/src/components/news/NewsModal.jsx

@@ -11,6 +11,8 @@ import { useActions, useSelector } from '../../services/state/store';
 
 import './NewsModal.less';
 
+const newsImages = import.meta.glob('../../assets/news/*', { eager: true, query: '?url', import: 'default' });
+
 const NewsModal = () => {
   const screenWidth = useScreenWidth();
   const newsHash = useSelector((state) => state.userSettings.settings.news_hash);
@@ -31,9 +33,9 @@ const NewsModal = () => {
     ),
     description: (
       <div style={{ textAlign: 'left' }}>
-        {item.image && (
+        {item.image && newsImages[`../../assets/news/${item.image}`] && (
           <img
-            src={`/ui/src/assets/news/${item.image}`}
+            src={newsImages[`../../assets/news/${item.image}`]}
             alt={item.title}
             style={{ width: '100%', marginBottom: 10, borderRadius: 4 }}
           />