Updated GitHub link

Author: Jovert Lota Palonpon

resources/js/icons/1x1/GitHub.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SvgIcon } from '@material-ui/core';
+
+const GitHub = props => (
+    <SvgIcon {...props} viewBox="0 0 24 24">
+        <path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2 0 1.9 1.2 1.9 1.2 1 1.8 2.8 1.3 3.5 1 0-.8.4-1.3.7-1.6-2.7-.3-5.5-1.3-5.5-6 0-1.2.5-2.3 1.3-3.1-.2-.4-.6-1.6 0-3.2 0 0 1-.3 3.4 1.2a11.5 11.5 0 0 1 6 0c2.3-1.5 3.3-1.2 3.3-1.2.6 1.6.2 2.8 0 3.2.9.8 1.3 1.9 1.3 3.2 0 4.6-2.8 5.6-5.5 5.9.5.4.9 1 .9 2.2v3.3c0 .3.1.7.8.6A12 12 0 0 0 12 .3" />
+    </SvgIcon>
+);
+
+export default GitHub;

resources/js/icons/1x1/index.js

@@ -1,4 +1,5 @@
 import loadable from '@loadable/component';
 
+export const GitHub = loadable(() => import('./GitHub'));
 export const LightbulbOff = loadable(() => import('./LightbulbOff'));
 export const LightbulbOn = loadable(() => import('./LightbulbOn'));

resources/js/views/__backoffice/partials/Header.js

@@ -42,6 +42,7 @@ import {
 import * as NavigationUtils from '../../../utils/Navigation';
 import * as RandomUtils from '../../../utils/Random';
 import {
+    GitHub as GitHubIcon,
     LightbulbOff as LightbulbOffIcon,
     LightbulbOn as LightbulbOnIcon,
 } from '../../../icons/1x1';
@@ -333,12 +334,14 @@ const Header = props => {
                         <Grid item xs />
 
                         <Grid item>
-                            <Skeleton
-                                {...skeletonProps}
-                                height={20}
-                                width={70}
-                                className={classes.link}
-                            />
+                            <IconButton color="inherit">
+                                <Skeleton
+                                    {...skeletonProps}
+                                    circle
+                                    height={25}
+                                    width={25}
+                                />
+                            </IconButton>
                         </Grid>
 
                         <Grid item>
@@ -525,15 +528,16 @@ const Header = props => {
                         <Grid item xs />
 
                         <Grid item>
-                            <Typography
-                                className={classes.link}
-                                component="a"
-                                href="https://github.com/palonponjovertlota/lra"
-                                target="_blank"
-                                rel="noreferrer"
-                            >
-                                Github Link
-                            </Typography>
+                            <Tooltip title={Lang.get('navigation.github')}>
+                                <IconButton
+                                    href="https://github.com/palonponjovertlota/lra"
+                                    target="_blank"
+                                    rel="noreferrer"
+                                    color="inherit"
+                                >
+                                    <GitHubIcon />
+                                </IconButton>
+                            </Tooltip>
                         </Grid>
 
                         {monitoringEnabled && (
@@ -771,14 +775,6 @@ const styles = theme => ({
         padding: 4,
     },
 
-    link: {
-        textDecoration: 'none',
-        color: lightColor,
-        '&:hover': {
-            color: theme.palette.common.white,
-        },
-    },
-
     button: {
         borderColor: lightColor,
     },

resources/lang/en/navigation.php

@@ -26,6 +26,8 @@
     'send_link' => 'Send Link',
     'reset' => 'Reset',
 
+    'github' => 'GitHub Repository',
+
     'monitoring' => 'Monitoring',
 
     'notifications' => 'Notifications',

resources/lang/fil/navigation.php

@@ -26,6 +26,8 @@
     'send_link' => 'I-send ang Link',
     'reset' => 'I-reset',
 
+    'github' => 'Repository sa GitHub',
+
     'monitoring' => 'Pagsubaybay',
 
     'notifications' => 'Mga Abiso',