Buy me a coffee

README.md

@@ -5,6 +5,7 @@
 [![Join](https://img.shields.io/discord/868499076432408627.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2)](https://discord.gg/qmEZwUhb4b)
 [![Build](https://github.com/blueedgetechno/win11React/actions/workflows/deploy.yml/badge.svg?branch=master)](https://github.com/blueedgetechno/win11React/actions/workflows/deploy.yml)
 
+[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/blueedgetechno)
 
 This open source project is made in the hope to replicate the Windows 11 desktop experience on web, using standard web technologies like React, CSS (SCSS), and JS.
 

public/index.html

@@ -27,11 +27,11 @@
   <div id="brightoverlay"></div>
   <script type="text/javascript" src="dycalendar.js"></script>
   <script type="text/javascript" src="console.js"></script>
-  <!-- <div id="warningmsg">
+  <div id="warningmsg">
     This project is &nbsp;<rediv>not in anyway affiliated with Microsoft</rediv>&nbsp;and
     should not be confused with Microsoft’s Operating System or Products.
   </div>
-  <button id="probtn" onclick="removeWarning()">Proceed anyway</button> -->
+  <button id="probtn" onclick="removeWarning()">Proceed anyway</button>
 </body>
 
 </html>

src/components/start/startmenu.scss

@@ -23,6 +23,7 @@
   .appName {
     text-align: center;
     color: #fafafa;
+    width: 120%;
     margin: 4px 0;
     text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
   }

src/reducers/apps.js

@@ -2,7 +2,7 @@ import {allApps} from '../utils';
 
 var dev = ""
 if(process.env.REACT_APP_ENV=="development"){
-  dev="notepad"
+  dev=""
 }
 
 const defState = {};

src/utils/apps.js

@@ -1,7 +1,7 @@
-export const gene_name = ()=> Math.random().toString(36).substring(2,10).toUpperCase()
+export const gene_name = () => Math.random().toString(36).substring(2, 10).toUpperCase()
 
 var installed = localStorage.getItem("installed")
-if(!installed) installed="[]"
+if (!installed) installed = "[]"
 
 installed = JSON.parse(installed)
 
@@ -40,6 +40,13 @@ var apps = [{
   type: 'app',
   action: 'MSEDGE'
 },
+{
+  name: 'Buy me a coffee',
+  icon: 'buyme',
+  type: 'app',
+  action: 'EXTERNAL',
+  payload: 'https://www.buymeacoffee.com/blueedgetechno'
+},
 {
   name: 'Store',
   icon: 'store',

src/utils/index.js

@@ -10,17 +10,21 @@ var {
     JSON.parse(localStorage.getItem("taskbar"))) || ["Settings", "File Explorer", "Edge", "Store", "Spotify"],
   desktop: (localStorage.getItem("desktop") &&
     JSON.parse(localStorage.getItem("desktop"))) || ["Blue", "Unescape", "Recycle Bin", "File Explorer", "Store",
-    "Browser", "Github", "Spotify", "Minecraft", "Krunker", "Smash karts"
+    "Browser", "Github", "Spotify", "Buy me a coffee"
   ],
   pinned: (localStorage.getItem("pinned") &&
     JSON.parse(localStorage.getItem("pinned"))) || ["Browser", "Word", "PowerPoint", "OneNote", "Mail", "To Do", "Store",
-    "Photos", "Your Phone", "Notepad", "White Board", "Calculator",
+    "Photos", "Buy me a coffee", "Notepad", "White Board", "Calculator",
     "Spotify", "Twitter", "VS Code", "Terminal", "Github", "Discord"
   ],
   recent: (localStorage.getItem("recent") &&
     JSON.parse(localStorage.getItem("recent"))) || ["Mail", "Twitter", "Terminal", "Github", "VS Code", "Spotify", "Edge"]
 };
 
+if(desktop.includes("Buy me a coffee")==false){
+  desktop.push("Buy me a coffee")
+}
+
 export const taskApps = icons.filter(x => taskbar.includes(x.name));
 
 export const desktopApps = icons.filter(x => desktop.includes(x.name)).sort((a, b) => {