Maintenance

package.json

@@ -56,7 +56,9 @@
 				"double"
 			],
 			"default-case": "off",
-			"no-multi-comp": "off",
+			"arrow-parens": "error",
+			"space-infix-ops": "warn",
+			"react/no-multi-comp": "error",
 			"jsdoc/no-undefined-types": "warn",
 			"jsdoc/require-param": "warn",
 			"jsdoc/check-tag-names": "warn",

src/App.test.js

@@ -1,8 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import App from "./App";
-
-test("renders learn react link", () => {
-	render(<App />);
-	const linkElement = screen.getByText(/learn react/i);
-	expect(linkElement).toBeInTheDocument();
-});

src/components/desktop/Desktop.jsx

@@ -29,7 +29,11 @@ export function Desktop() {
 	}, [settingsManager]);
 
 	return (<>
-		<div className={styles.Container} style={{ backgroundImage: `url(${wallpaper})` }} onContextMenu={onContextMenu}>
+		<div
+			className={styles.Container}
+			style={{ backgroundImage: wallpaper ? `url(${wallpaper})` : null }}
+			onContextMenu={onContextMenu}
+		>
 			<ModalsView modalsManager={modalsManager} modals={modals}/>
 		</div>
 	</>);

src/constants/branding.js

@@ -1,18 +1,18 @@
 export const NAME = "ProzillaOS";
 
 export const ASCII_LOGO = `
-                :.            
+              :.           
-               -==.           
+             -==.          
-             .=====:          
+           .=====:         
-     ---::..:=======-.        
+   ---::..:=======-.       
-     :===+=----------::..     
+   :===+=----------::..    
-      =+=---------------:..   
+    =+=---------------:..  
-      --------------------:.  
+    --------------------:. 
-  .:-+=----*###*--*####=---.  
+.:-+=----*###*--*####=---. 
-  :==+----#%+-+%#-##%*+----:. 
+:==+----#%+-+%#-##%*+----:.
-    .=----#%+-+%#-*+-%#+---:. 
+  .=----#%+-+%#-*+-%#+---:.
-     ==----*###*--*###*----.  
+   ==----*###*--*###*----. 
-    ==+-------------------:.  
+  ==+-------------------:. 
-    ...::---------------:.    
+  ...::---------------:.   
-         .::---------::..     
+       .::---------::..    
-            ....::...         `;
+          ....::...        `;

src/index.js

@@ -7,6 +7,7 @@ import { ASCII_LOGO } from "./constants/branding.js";
 
 export const START_DATE = new Date();
 
+// Render app
 const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(
 	<React.StrictMode>
@@ -14,7 +15,11 @@ root.render(
 	</React.StrictMode>
 );
 
-console.log(ASCII_LOGO);
+// Log welcome message
+const asciiLogoWidth = ASCII_LOGO.split("\n")[1].length;
+const welcomeMessage = "Welcome to ProzillaOS";
+const space = "\n\n" + " ".repeat(Math.ceil((asciiLogoWidth - welcomeMessage.length) / 2));
+console.info(ASCII_LOGO + space + welcomeMessage);
 
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))

src/reportWebVitals.js

@@ -1,4 +1,4 @@
-const reportWebVitals = onPerfEntry => {
+const reportWebVitals = (onPerfEntry) => {
 	if (onPerfEntry && onPerfEntry instanceof Function) {
 		import("web-vitals").then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
 			getCLS(onPerfEntry);

src/setupTests.js

@@ -2,4 +2,4 @@
 // allows you to do things like:
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";