[FIX] ios + firefox fix #5

Author: blueedgetechno

public/img/icon/apps/discord.png

@@ -69,7 +69,7 @@ export const MinimalClock = () => {
   const time = useSelector((state) => state.global.time);
 
   return (
-    <div className="digital-time-container items-center">
+    <div className="digital-time-container">
       <div className="flex items-baseline">
         <div className="text-4xl">{time.hours}:{time.minutes}</div>
         <div className="text-xs ml-1">{time.abb}</div>

public/img/icon/apps/twitter.png

@@ -75,15 +75,16 @@
 
 .digital-time-container,
 .vert-time-container {
-  padding: 0 1em;
+  width: 100%;
   display: flex;
   flex-direction: column;
+  align-items: center;
   color: var(--med-txt);
 }
 
-.vert-time-container {
-  box-sizing: border-box;
-  width: 96%;
+.vert-time-container > div {
+  width: 100%;
+  padding: 0 1em;
 }
 
 .cell-container {
@@ -178,7 +179,7 @@
   border-radius: 1em;
 }
 
-.weather-container{
+.weather-container {
   box-sizing: border-box;
   background: #fefefe;
   border-radius: 1em;
@@ -193,56 +194,56 @@
   overflow-x: hidden;
   overflow-y: scroll;
 
-  .city-container{
+  .city-container {
     display: flex;
 
-    span{
+    span {
       font-size: 1rem;
     }
   }
 
-  .weather-date{
+  .weather-date {
     font-size: 0.9em;
     font-weight: 100;
     color: var(--gray-txt);
   }
 
-  .main-weather{
+  .main-weather {
     display: flex;
     align-items: center;
     flex-grow: 1;
   }
 
-  .today-temperature{
+  .today-temperature {
     font-size: 3em;
     font-weight: 100;
     margin-left: 0.3em;
   }
 
-  .weather-pred-container{
+  .weather-pred-container {
     display: flex;
     justify-content: space-between;
 
-    .weather-pred{
+    .weather-pred {
       margin: 0 0.8em;
       display: flex;
       flex-direction: column;
       align-items: center;
     }
 
-    .pred-day{
+    .pred-day {
       font-size: 0.8em;
     }
   }
 }
 
-.short-weather-container{
-  .today-temperature{
+.short-weather-container {
+  .today-temperature {
     font-size: 2.5em;
     margin-left: 0.1em;
   }
 
-  .main-weather .uicon{
+  .main-weather .uicon {
     height: 100%;
   }
 }

public/img/icon/apps/unescape.png

@@ -34,7 +34,7 @@ function Home() {
       dispatchAct({type: "quickpanel/open"});
     }
 
-    if(true){
+    if(process.env.REACT_APP_ENV!="development"){
       if (navigator.userAgentData){
         document.documentElement.requestFullscreen();
       }

src/components/widgets/index.js

@@ -35,6 +35,13 @@ var apps = [
     icon: 'contacts',
     type: 'app'
   },
+  {
+    name: 'Discord',
+    icon: 'discord',
+    type: 'app',
+    action: 'home/openLink',
+    payload: 'https://discord.gg/NcjaNdwtnR'
+  },
   {
     name: 'Docs',
     icon: 'docs',
@@ -81,6 +88,8 @@ var apps = [
     name: 'Gmail',
     icon: 'gmail',
     type: 'app',
+    action: 'home/openLink',
+    payload: 'mailto:[email protected]',
     padd: true
   },
   {
@@ -280,19 +289,36 @@ var apps = [
     icon: 'sstranslate',
     type: 'app'
   },
+  {
+    name: 'Unescape',
+    icon: 'unescape',
+    type: 'app',
+    action: 'home/openLink',
+    payload: 'https://blueedge.me/unescape'
+  },
   {
     name: 'Videos',
     icon: 'ssvideo',
     type: 'app'
-  },{
+  },
+  {
     name: 'Translate',
     icon: 'translate',
     type: 'app'
-  },{
+  },
+  {
+    name: 'Twitter',
+    icon: 'twitter',
+    type: 'app',
+    action: 'home/openLink',
+    payload: 'https://twitter.com/blueedgetechno'
+  },
+  {
     name: 'WhatsApp',
     icon: 'whatsapp',
     type: 'app'
-  },{
+  },
+  {
     name: 'Youtube',
     icon: 'youtube',
     type: 'app',

src/components/widgets/widget.scss

@@ -1,7 +1,25 @@
-import apps from './apps';
+import apps from './apps'
+
+const srandom = (seed)=>{
+  var x = Math.sin(seed++) * 10000
+  return x - Math.floor(x)
+}
+
+const shuffle = (arr, seed)=>{
+  var m = arr.length, t, i
+  while (m) {
+    i = Math.floor(srandom(seed) * m--)
+    t = arr[m]
+    arr[m] = arr[i]
+    arr[i] = t
+    ++seed
+  }
+
+  return arr
+}
 
 export const favbar = [
-  "ssphone", "github","settings","whatsapp"
+  "twitter", "github","settings","whatsapp"
 ]
 
 export const page1wid = [
@@ -13,7 +31,7 @@ export const page1wid = [
 ]
 
 export const page2wid = [
-  [5,7,1,3,"DayCountdown"]
+  [4,6,1,3,"DayCountdown"]
 ]
 
 export const page3wid = [
@@ -25,15 +43,24 @@ export const page4wid = [
 ]
 
 const page1arr = [
-  "playstore", "youtube", "google", "buyme"
+  "playstore", "youtube", "google", "unescape"
+]
+
+const page2arr = [
+  "ssphone", "gmail", "discord", "buyme"
 ]
 
 export const page1apps = apps.filter(x => page1arr.includes(x.icon)).sort((a, b) => {
-  return page1arr.indexOf(a.icon) > page1arr.indexOf(b.icon) ? 1 : -1;
-});
+  return page1arr.indexOf(a.icon) > page1arr.indexOf(b.icon) ? 1 : -1
+})
+
+export const page2bar = apps.filter(x => page2arr.includes(x.icon)).sort((a, b) => {
+  return page2arr.indexOf(a.icon) > page2arr.indexOf(b.icon) ? 1 : -1
+})
 
-var remapps = apps.filter(x => !page1arr.includes(x.icon) && !favbar.includes(x.icon))
-              .sort((a,b)=> 2*Math.random() - 1).sort((a,b)=> 2*Math.random() - 1)
+var remapps = shuffle(apps.filter(x => {
+  return !page1arr.includes(x.icon) && !page2arr.includes(x.icon) && !favbar.includes(x.icon)
+}), new Date().getFullYear())
 
-export const page2apps = [...remapps.slice(0,16)];
-export const page3apps = [...remapps.slice(16,24)];
+export const page2apps = [...remapps.slice(0,12)]
+export const page3apps = [...remapps.slice(12,20)]

src/containers/home/index.js

@@ -3,6 +3,7 @@ import apps from './data/apps';
 import {
   favbar,
   page1apps,
+  page2bar,
   page2apps,
   page3apps,
   page1wid,
@@ -19,6 +20,24 @@ import youtube_data from './data/youtube.json';
 const {round, floor, random, min, max, abs} = Math;
 
 export const gene_name = (x=10) => random().toString(36).substring(2, x).toLowerCase()
+export const srandom = (seed)=>{
+  var x = Math.sin(seed++) * 10000
+  return x - Math.floor(x)
+}
+
+export const shuffle = (arr, seed)=>{
+  var m = arr.length, t, i
+  while (m) {
+    i = Math.floor(srandom(seed) * m--)
+    t = arr[m]
+    arr[m] = arr[i]
+    arr[i] = t
+    ++seed
+  }
+
+  return arr
+}
+
 export const dispatchAction = (e) => {
   var action = {
     type: e.target.dataset.action,
@@ -41,16 +60,22 @@ export const openAppPage = (id, page) => {
 }
 
 export const fetchBatteryStatus = () => {
-  var battery = navigator.getBattery();
-  battery.then((battery) => {
-    store.dispatch({
-      type: "global/battery",
-      payload: {
-        charging: battery.charging,
-        level: battery.level,
-      },
-    });
-  });
+  try{
+    var battery = navigator.getBattery()
+    if(battery){
+      battery.then((battery) => {
+        store.dispatch({
+          type: "global/battery",
+          payload: {
+            charging: battery.charging,
+            level: battery.level,
+          },
+        })
+      })
+    }
+  }catch(e){
+
+  }
 }
 
 export const fillZero = (x)=>{
@@ -192,6 +217,16 @@ export const loadApps = ()=>{
     }
   }
 
+  // page 2 bar
+  for (var i = 0; i < page2bar.length; i++) {
+    homelist[page2bar[i].icon] = {
+      page: 2,
+      type: 'app',
+      row: [6, 7],
+      col: [(i%4)+1,(i%4)+2]
+    }
+  }
+
   // page 2 widgets
   for (var i = 0; i < page2wid.length; i++) {
     homelist[gene_name()] = {