Add binding for reloading deals

src/App.vue

@@ -62,6 +62,15 @@ export default {
   },
   mounted() {
     this.isLoading = true;
+    this.fetchDeals();
+    Mousetrap.bind("/", this.focusSearch, "keyup");
+    Mousetrap.bind("r", this.loadDeals);
+  },
+  methods: {
+    focusSearch() {
+      this.$refs.search.focus();
+    },
+    fetchDeals() {
       axios
         .get("http://localhost:8081/api/v1/topics")
         .then((response) => {
@@ -71,11 +80,6 @@ export default {
         .catch((err) => {
           console.log(err.response);
         });
-    Mousetrap.bind("/", this.focusSearch);
-  },
-  methods: {
-    focusSearch() {
-      this.$refs.search.focus();
     },
   },
   props: ["date"],

src/style.css

@@ -6,3 +6,12 @@ body {
   position: sticky;
   top: 0;
 }
+
+.form-control {
+  border-color: #404142;
+}
+
+.form-control:focus {
+  color: #ccc !important;
+  background-color: #404142 !important;
+}