diff --git a/dist/styles.css b/dist/styles.css index dd594de..2ba95c5 100644 --- a/dist/styles.css +++ b/dist/styles.css @@ -1,10 +1,10 @@ body { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } #app { - display: flex; - justify-content: center; - min-height: 100vh; + display: flex; + justify-content: center; + min-height: 100vh; } diff --git a/src/components/AvailableCommandsIcons.js b/src/components/AvailableCommandsIcons.js index 175731a..405988b 100644 --- a/src/components/AvailableCommandsIcons.js +++ b/src/components/AvailableCommandsIcons.js @@ -3,39 +3,67 @@ import styles from './root.less'; const envVars = require('config'); +import { Tooltip } from '@material-ui/core'; + const AvailableCommandsIcons = props => { return (
- {/* */} - - + + + + {/* Gmail */} + + + + + {/* Reddit */} + + + + + {/* Youtube */} + + + + + {/* Slack */} + {/* - - */} + + {/* Google Maps */} + {/* + /> */} - + /> */}
); }; diff --git a/src/components/MainCommand.js b/src/components/MainCommand.js index 24ab28b..49e5da7 100644 --- a/src/components/MainCommand.js +++ b/src/components/MainCommand.js @@ -138,10 +138,10 @@ class MainCommand extends Component { ) { newCommand = 'reddit'; newCommandIcon = - 'https://cdn2.iconfinder.com/data/icons/micon-social-pack/512/youtube-512.png'; - newInput = newInput.replace('utube', ''); + 'https://cdn0.iconfinder.com/data/icons/social-media-2092/100/social-36-512.png'; + newInput = newInput.replace('red', ''); newCommandComplete = true; - newCommandInputPlaceholder = 'search for any video'; + newCommandInputPlaceholder = 'search for any subreddit'; } else if (newCommand == 'google') { newCommand = 'google'; newCommandComplete = true; @@ -213,6 +213,11 @@ class MainCommand extends Component { this.state.commandInput, '_blank' ); + } else if (this.state.command == 'reddit') { + window.open( + 'https://www.reddit.com/r/' + this.state.commandInput, + '_blank' + ); } this.setState(INITIAL_COMMAND_STATE, () => { @@ -273,7 +278,11 @@ class MainCommand extends Component { )} - + ); } diff --git a/src/components/TipCard.js b/src/components/TipCard.js index c87c3d0..bd94b49 100644 --- a/src/components/TipCard.js +++ b/src/components/TipCard.js @@ -25,22 +25,28 @@ const TipCard = props => { Google - By default, any search + enter button will search on Google. + Just search below to use Google. Gmail - Type in the command 'gmail' and follow instructions to send a quick - email. + Type in the command 'gmail' and send a quick email. Youtube - Type in 'ubute' and it will go straight to the search + Type in 'ubute' and find your video right away. + + + + Reddit + + + Type in 'red' and go straight to a subreddit.
diff --git a/src/components/root.less b/src/components/root.less index b660eca..ca3c193 100644 --- a/src/components/root.less +++ b/src/components/root.less @@ -119,15 +119,13 @@ } .notificationCont { - background-color: #4bb543 !important; - color: white; - padding: 1em; - position: fixed; - top: 0; - right: 0; - margin: 1em; + color: white !important; } .hidden { display: none !important; } + +.malTooltip { + font-size: 3em !important; +}