Integrate the app with Atomery (#163)

.github/ISSUE_TEMPLATE/config.yml

@@ -1,5 +1,5 @@
 blank_issues_enabled: true
 contact_links:
   - name: Email
-    url: https://singleboxapp.com/support
+    url: https://atomery.com/support?app=singlebox
     about: Contact the developer directly via email

public/libs/create-menu.js

@@ -399,7 +399,7 @@ function createMenu() {
       submenu: [
         {
           label: 'Singlebox Support',
-          click: () => shell.openExternal('https://singleboxapp.com/support'),
+          click: () => shell.openExternal('https://atomery.com/support?app=singlebox'),
         },
         {
           label: 'Report a Bug via GitHub...',

src/components/dialog-about/index.js

@@ -74,7 +74,7 @@ const About = (props) => {
         </Button>
         <br />
         <Button
-          onClick={() => requestOpenInBrowser('https://singleboxapp.com/support')}
+          onClick={() => requestOpenInBrowser('https://atomery.com/support?app=singlebox')}
         >
           Support
         </Button>
@@ -84,13 +84,13 @@ const About = (props) => {
           <span role="img" aria-label="love">❤</span>
           <span> by </span>
           <span
-            onClick={() => requestOpenInBrowser('https://quanglam2807.com/')}
+            onClick={() => requestOpenInBrowser('https://atomery.com/')}
-            onKeyDown={() => requestOpenInBrowser('https://quanglam2807.com/')}
+            onKeyDown={() => requestOpenInBrowser('https://atomery.com/')}
             role="link"
             tabIndex="0"
             className={classes.link}
           >
-            Quang Lam
+            Atomery
           </span>
         </Typography>
       </DialogContent>

src/components/dialog-preferences/index.js

@@ -23,6 +23,7 @@ import NotificationsIcon from '@material-ui/icons/Notifications';
 import RotateLeftIcon from '@material-ui/icons/RotateLeft';
 import RouterIcon from '@material-ui/icons/Router';
 import SecurityIcon from '@material-ui/icons/Security';
+import StorefrontIcon from '@material-ui/icons/Storefront';
 import SystemUpdateAltIcon from '@material-ui/icons/SystemUpdateAlt';
 import WidgetsIcon from '@material-ui/icons/Widgets';
 
@@ -34,6 +35,10 @@ import StatedMenu from '../shared/stated-menu';
 
 import { updateIsDefaultMailClient, updateIsDefaultWebBrowser } from '../../state/general/actions';
 
+import webcatalogLogo from '../../images/webcatalog-logo.svg';
+import translatiumLogo from '../../images/translatium-logo.svg';
+import singleboxLogo from '../../images/singlebox-logo.svg';
+
 import {
   requestCheckForUpdates,
   requestClearBrowsingData,
@@ -87,6 +92,9 @@ const styles = (theme) => ({
     maxWidth: 500,
     float: 'right',
   },
+  logo: {
+    height: 28,
+  },
 });
 
 const getThemeString = (theme) => {
@@ -271,6 +279,11 @@ const Preferences = ({
       Icon: RotateLeftIcon,
       ref: useRef(),
     },
+    atomeryApps: {
+      text: 'Atomery Apps',
+      Icon: StorefrontIcon,
+      ref: useRef(),
+    },
     miscs: {
       text: 'Miscellaneous',
       Icon: MoreHorizIcon,
@@ -873,6 +886,38 @@ const Preferences = ({
           </List>
         </Paper>
 
+        <Typography variant="subtitle2" color="textPrimary" className={classes.sectionTitle} ref={sections.atomeryApps.ref}>
+          Atomery Apps
+        </Typography>
+        <Paper className={classes.paper}>
+          <List disablePadding dense>
+            <ListItem button onClick={() => requestOpenInBrowser('https://webcatalogapp.com?utm_source=webcatalog_app')}>
+              <ListItemText
+                primary={(<img src={webcatalogLogo} alt="WebCatalog" className={classes.logo} />)}
+                secondary="Run Web Apps like Real Apps"
+              />
+              <ChevronRightIcon color="action" />
+            </ListItem>
+            <Divider />
+            <ListItem button onClick={() => requestOpenInBrowser('https://singleboxapp.com?utm_source=webcatalog_app')}>
+              <ListItemText
+                primary={(<img src={singleboxLogo} alt="Singlebox" className={classes.logo} />)}
+                secondary="All Your Apps in One Single Window"
+              />
+              <ChevronRightIcon color="action" />
+            </ListItem>
+            <Divider />
+            <ListItem button onClick={() => requestOpenInBrowser('https://translatiumapp.com?utm_source=webcatalog_app')}>
+              <ListItemText
+                primary={(<img src={translatiumLogo} alt="Translatium" className={classes.logo} />)}
+                secondary="Translate Any Languages like a Pro"
+              />
+              <ChevronRightIcon color="action" />
+            </ListItem>
+            <Divider />
+          </List>
+        </Paper>
+
         <Typography variant="subtitle2" className={classes.sectionTitle} ref={sections.miscs.ref}>
           Miscellaneous
         </Typography>

src/images/translatium-logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1558" height="280" fill-rule="evenodd"><defs><style>@font-face{font-family:"Dosis-Bold";src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"); font-weight:bold;font-style:normal;}</style></defs><text fill="#4caf50" font-family="Dosis-Bold, Dosis" font-size="200" font-weight="bold"><tspan x="386" y="205">TRANSLATIUM</tspan></text><path fill="#4caf50" d="M324.59 144.65h-93.994v7.34h87.738c-10.725 14.375-27.856 35.94-41.858 52.302l7 3.517c15.94-19.422 35.9-44.808 47.816-60.713l-5.363-3.06-1.34.612zm-26.068-11.623c-6.107-7.035-18.47-17.434-28.45-24.775l-5.065 4.282c9.83 7.646 22.195 18.657 28.154 25.386l5.363-4.894zM273.814.02c31.68-.364 63.483 4.495 92.437 14.6 2.16.722 3.686 2.226 4.052 3.993.255.704.38 1.45.373 2.2v252.982c.03 2.27-1.17 4.372-3.116 5.456s-4.314.972-6.153-.29c-.327-.078-.647-.174-.955-.287-53.287-18.616-117.597-18.1-170.13 1.268V13.84C216.558 4.97 245.127.35 273.814.02zm6.982 68.318c-14.747 22.634-41.41 44.96-68.522 57.808 2.085 1.53 4.17 4.13 5.363 5.964 23.536-11.93 46.923-30.586 62.86-51.08 16.088 19.88 42.156 40.373 62.563 50.62 1.34-1.988 3.575-4.894 5.512-6.423-21.6-9.635-48.7-30.433-63.755-49.855.894-1.376 1.788-2.447 2.68-3.823l-6.703-3.212zM90.924.01c1.978-.023 3.982 0 5.962.023 28.686.33 57.235 4.92 83.47 13.78V279.62c-52.53-19.327-116.85-19.86-170.13-1.266-.107.042-.216.082-.326.12-1.77 1.6-4.293 1.98-6.435.966s-3.5-3.227-3.463-5.646V21.074c-.004-.665.1-1.327.303-1.958C.447 17.144 2.04 15.4 4.426 14.6 31.57 5.13 61.217.28 90.924.01zm6.92 66.743H87.822l-43.873 141.18H55.2l11.725-39.464h51.627l11.914 39.464h11.252L97.845 66.753zm-27.8 91.34h45.386L92.74 82.364l-22.693 75.73z"/></svg>

src/images/webcatalog-logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1450" height="280" fill-rule="evenodd"><defs><style>@font-face{font-family:"Dosis-Bold";src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"); font-weight:bold;font-style:normal;}</style></defs><path fill="#1e88e5" d="M139 0c77.32 0 140 62.68 140 140s-62.68 140-140 140S-1 217.32-1 140 61.68 0 139 0zm-4.484 188.327h-24.91c6.077 19.49 15.7 31.753 24.91 34.875v-34.875zm33.88 0h-24.91v34.875c9.695-3.303 18.902-15.805 24.91-34.875zm-68.42 0h-29.23c10.947 15.915 27.064 27.55 45.836 32.883-3.907-4.103-7.474-9.397-10.537-16.097-2.338-5.114-4.366-10.516-6.07-16.786zm107.283 0H177.7a106.39 106.39 0 0 1-6.137 16.788c-3.06 6.64-6.456 11.998-10.143 16.094 18.764-5.416 34.866-16.92 45.836-32.883zM92.792 144.484H54.8c.707 12.584 3.954 23.715 9.214 33.88H96.65c-2.25-10.164-3.568-21.78-3.86-33.88zm40.727 0h-30.89c.306 12.584 1.742 24.2 3.992 33.88h26.897v-33.88zm40.854 0h-30.9v33.88h26.898c2.25-9.68 3.686-21.295 3.992-33.88zm47.83 0h-37.99c-.29 12.1-1.61 23.715-3.86 33.88h32.636c5.26-10.164 8.507-21.295 9.214-33.88zM96.65 101.637h-32.8c-5.206 10.648-8.397 21.78-9.05 33.88h38.056c.27-11.615 1.567-23.23 3.794-33.88zm36.868 0H106.6c-2.33 10.648-3.69 22.263-3.97 33.88h30.9v-33.88zm79.634 0h-32.8c2.228 10.648 3.525 22.263 3.794 33.88h38.056c-.653-12.1-3.844-23.232-9.05-33.88zm-42.75 0h-26.92v33.88h30.9c-.28-11.615-1.638-23.23-3.97-33.88zm-54.82-41.85C96.764 65.093 80.628 76.89 69.747 92.67h29.1c1.708-5.738 3.754-11.7 6.12-16.878 3.097-6.78 6.682-12.02 10.607-16.005zm18.932-1.993c-7.256 2.367-14.38 10.078-20.036 22.128-1.864 3.97-3.44 8.47-4.875 12.748h24.91zm26.904 1.993c3.785 3.98 7.26 9.292 10.358 16.03 2.383 5.184 4.442 11.107 6.163 16.852h29.316c-10.896-15.32-27.022-27.526-45.836-32.883zm-17.936-1.993V92.67h24.91c-1.436-4.29-3.17-8.804-5.035-12.785-5.575-11.908-12.62-19.595-19.876-22.09z"/><text fill="#1e88e5" font-family="Dosis-Bold, Dosis" font-size="200" font-weight="bold"><tspan x="295" y="205">WEBCATALOG</tspan></text></svg>