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 (
- {/*

*/}
-

-
![default search on google]()
+

+
+
+ {/* 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;
+}