From 33d53e17579e065529783b2c36342387bad86341 Mon Sep 17 00:00:00 2001
From: Cláudio <claudio.engdist@gmail.com>
Date: Fri, 29 Jan 2021 22:28:24 -0300
Subject: Commit for #158

---
 webui/src/pages/list/ListQuery.tsx | 16 +++++++++++++++-
 webui/src/pages/new/NewBugPage.tsx |  9 ++++++++-
 2 files changed, 23 insertions(+), 2 deletions(-)

(limited to 'webui/src')

diff --git a/webui/src/pages/list/ListQuery.tsx b/webui/src/pages/list/ListQuery.tsx
index 099adcd8..4284be00 100644
--- a/webui/src/pages/list/ListQuery.tsx
+++ b/webui/src/pages/list/ListQuery.tsx
@@ -2,6 +2,7 @@ import { ApolloError } from '@apollo/client';
 import React, { useState, useEffect, useRef } from 'react';
 import { useLocation, useHistory, Link } from 'react-router-dom';
 
+import { Button } from '@material-ui/core';
 import IconButton from '@material-ui/core/IconButton';
 import InputBase from '@material-ui/core/InputBase';
 import Paper from '@material-ui/core/Paper';
@@ -99,6 +100,13 @@ const useStyles = makeStyles<Theme, StylesProps>((theme) => ({
       padding: theme.spacing(2, 3),
     },
   },
+  gitbugButton: {
+    backgroundColor: '#2ea44fd9',
+    color: '#fff',
+    '&:hover': {
+      backgroundColor: '#2ea44f',
+    },
+  },
 }));
 
 function editParams(
@@ -293,7 +301,13 @@ function ListQuery() {
             </button>
           </form>
         </div>
-        <GBButton to="/new" text="New Issue" />
+        <Button
+          className={classes.gitbugButton}
+          variant="contained"
+          href="/new"
+        >
+          New issue
+        </Button>
       </header>
       <FilterToolbar query={query} queryLocation={queryLocation} />
       {content}
diff --git a/webui/src/pages/new/NewBugPage.tsx b/webui/src/pages/new/NewBugPage.tsx
index b451a247..c8e68e7b 100644
--- a/webui/src/pages/new/NewBugPage.tsx
+++ b/webui/src/pages/new/NewBugPage.tsx
@@ -42,6 +42,13 @@ const useStyles = makeStyles((theme: Theme) => ({
     display: 'flex',
     justifyContent: 'flex-end',
   },
+  gitbugButton: {
+    backgroundColor: '#2ea44fd9',
+    color: '#fff',
+    '&:hover': {
+      backgroundColor: '#2ea44f',
+    },
+  },
 }));
 
 /**
@@ -98,8 +105,8 @@ function NewBugPage() {
         />
         <div className={classes.actions}>
           <Button
+            className={classes.gitbugButton}
             variant="contained"
-            color="primary"
             type="submit"
             disabled={isFormValid() ? false : true}
           >
-- 
cgit