github + buymeacoffee

Author: blueedgetechno

public/img/icon/apps/buyme.png

@@ -67,8 +67,9 @@ function Home() {
           {favbar.map((favicon, i)=>{
             var app = apps[favicon]
             return (
-              <Icon className="mdShad" src={"apps/" + app.icon} action={app.action || "home/openApp"}
-                  data-padd={app.padd} w={52} radii={20} key={i} payload={app.payload}/>
+              <Icon className="mdShad press-in" src={"apps/" + app.icon} key={i}
+                action={app.action || "home/openApp"} w={52} h={52}
+                radii={20} data-padd={app.padd} payload={app.payload}/>
             )
           })}
         </div>
@@ -263,8 +264,9 @@ const HomeScreen = (props)=>{
                         gridColumn: item.col.join(" / ")
                       }}>
                         <div className="app-container">
-                          <Icon src={"apps/" + app.icon} action={app.action || "home/openApp"}
-                            w={52} radii={22} data-padd={app.padd} payload={app.payload}/>
+                          <Icon className="press-in" src={"apps/" + app.icon}
+                            action={app.action || "home/openApp"} w={52} h={52}
+                            radii={22} data-padd={app.padd} payload={app.payload}/>
                           <div className="app-name">{app.name}</div>
                         </div>
                       </div>

public/img/icon/apps/github.png

@@ -5,6 +5,13 @@ var apps = [
     type: 'app',
     padd: true
   },
+  {
+    name: 'BuyMeACoffee',
+    icon: 'buyme',
+    action: 'home/openLink',
+    payload: 'https://buymeacoffee.com/blueedgetechno',
+    type: 'app'
+  },
   {
     name: 'Calender',
     icon: 'calender',
@@ -62,6 +69,14 @@ var apps = [
     type: 'app',
     padd: true
   },
+  {
+    name: 'Github',
+    icon: 'github',
+    type: 'app',
+    action: 'home/openLink',
+    payload: 'https://github.com/blueedgetechno/androidInReact',
+    padd: true
+  },
   {
     name: 'Gmail',
     icon: 'gmail',

src/containers/home/index.js

@@ -1,7 +1,7 @@
 import apps from './apps';
 
 export const favbar = [
-  "ssphone", "messages","settings","whatsapp"
+  "ssphone", "github","settings","whatsapp"
 ]
 
 export const page1wid = [
@@ -25,7 +25,7 @@ export const page4wid = [
 ]
 
 const page1arr = [
-  "playstore", "youtube", "google", "ssbrowser"
+  "playstore", "youtube", "google", "buyme"
 ]
 
 export const page1apps = apps.filter(x => page1arr.includes(x.icon)).sort((a, b) => {

src/store/actions/data/apps.js

@@ -89,6 +89,9 @@ const Home = createSlice({
       state.recent = false
       state.ishome = true
     },
+    openLink: (state, action) => {
+      window.open(action.payload, '_blank')
+    },
     openApp: (state, action) => {
       if(!action.payload) return;