From 9ad4469f9b59e7afe5542474f15a34ae4a690561 Mon Sep 17 00:00:00 2001 From: Cláudio Date: Sun, 24 Jan 2021 08:17:04 -0300 Subject: Partial commit to #158 - Prettier package update to fix CRLF problem when running on Windows --- webui/package-lock.json | 6 +++--- webui/package.json | 2 +- webui/src/pages/list/ListQuery.css | 0 webui/src/pages/list/ListQuery.tsx | 33 ++++++++++++++++++--------------- 4 files changed, 22 insertions(+), 19 deletions(-) create mode 100644 webui/src/pages/list/ListQuery.css (limited to 'webui') diff --git a/webui/package-lock.json b/webui/package-lock.json index 47d5e17d..8809a0ba 100644 --- a/webui/package-lock.json +++ b/webui/package-lock.json @@ -17570,9 +17570,9 @@ "integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=" }, "prettier": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.1.2.tgz", - "integrity": "sha512-16c7K+x4qVlJg9rEbXl7HEGmQyZlG4R9AgP+oHKRMsMsuk8s+ATStlf1NpDqyBI1HpVyfjLOeMhH2LvuNvV5Vg==", + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.2.1.tgz", + "integrity": "sha512-PqyhM2yCjg/oKkFPtTGUojv7gnZAoG80ttl45O6x2Ug/rMJw4wcc9k6aaf2hibP7BGVCCM33gZoGjyvt9mm16Q==", "dev": true }, "prettier-linter-helpers": { diff --git a/webui/package.json b/webui/package.json index 4f2a8da4..39696a25 100644 --- a/webui/package.json +++ b/webui/package.json @@ -38,7 +38,7 @@ "eslint-config-prettier": "^6.12.0", "eslint-plugin-graphql": "^4.0.0", "eslint-plugin-prettier": "^3.1.4", - "prettier": "^2.1.2" + "prettier": "^2.2.1" }, "scripts": { "start": "npm run generate && react-scripts start", diff --git a/webui/src/pages/list/ListQuery.css b/webui/src/pages/list/ListQuery.css new file mode 100644 index 00000000..e69de29b diff --git a/webui/src/pages/list/ListQuery.tsx b/webui/src/pages/list/ListQuery.tsx index 7eb6f4c5..f60b6154 100644 --- a/webui/src/pages/list/ListQuery.tsx +++ b/webui/src/pages/list/ListQuery.tsx @@ -271,21 +271,24 @@ function ListQuery() { return (
-

Issues

-
- setInput(e.target.value)} - classes={{ - root: classes.search, - focused: classes.searchFocused, - }} - /> - - +
+

Issues

+
+ setInput(e.target.value)} + classes={{ + root: classes.search, + focused: classes.searchFocused, + }} + /> + + +
+
{content} -- cgit From c019fed48d6424ade4c4ee348570ff66e10ff9ff Mon Sep 17 00:00:00 2001 From: Cláudio Date: Sun, 24 Jan 2021 09:54:10 -0300 Subject: Partial commit for #158 - Added bt to create new issue and its style (github like) --- webui/src/pages/list/ListQuery.css | 31 +++++++++++++++++++++++++++++++ webui/src/pages/list/ListQuery.tsx | 9 +++++++-- 2 files changed, 38 insertions(+), 2 deletions(-) (limited to 'webui') diff --git a/webui/src/pages/list/ListQuery.css b/webui/src/pages/list/ListQuery.css index e69de29b..3b5499f8 100644 --- a/webui/src/pages/list/ListQuery.css +++ b/webui/src/pages/list/ListQuery.css @@ -0,0 +1,31 @@ +header { + display: flex; + flex-direction: row; +} + +.filterissue-container { + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: left; +} + +.bt-new-issue { + background-color: #2ea44fd9; + border: 1px solid; + border-color: #1b1f2326; + border-radius: 6px; + padding: 3px 12px; + + font-size: 12px; + color: #ffffff; + line-height: 20px; + text-decoration: none; + + transition: all 0.2s cubic-bezier(0.3, 0, 0.5, 1); +} + +.bt-new-issue:hover { + background-color: #2ea44f; + border-color: #1b1f2326; +} \ No newline at end of file diff --git a/webui/src/pages/list/ListQuery.tsx b/webui/src/pages/list/ListQuery.tsx index f60b6154..b135827f 100644 --- a/webui/src/pages/list/ListQuery.tsx +++ b/webui/src/pages/list/ListQuery.tsx @@ -15,6 +15,8 @@ import FilterToolbar from './FilterToolbar'; import List from './List'; import { useListBugsQuery } from './ListQuery.generated'; +import './ListQuery.css'; + type StylesProps = { searching?: boolean }; const useStyles = makeStyles((theme) => ({ main: { @@ -272,9 +274,10 @@ function ListQuery() {
-

Issues

+ setInput(e.target.value)} @@ -288,7 +291,9 @@ function ListQuery() {
- + + New Issue +
{content} -- cgit From 343ef1455edca4e9b807700885c53cc6c43d19d9 Mon Sep 17 00:00:00 2001 From: Cláudio Date: Mon, 25 Jan 2021 07:59:39 -0300 Subject: Partial commit for #158 - layout and style completed --- webui/src/pages/list/ListQuery.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) (limited to 'webui') diff --git a/webui/src/pages/list/ListQuery.css b/webui/src/pages/list/ListQuery.css index 3b5499f8..36d94289 100644 --- a/webui/src/pages/list/ListQuery.css +++ b/webui/src/pages/list/ListQuery.css @@ -3,6 +3,12 @@ header { flex-direction: row; } +label { + font-size: 14px; + font-weight: bold !important; + padding-right: 12px; +} + .filterissue-container { display: flex; flex-direction: row; @@ -15,9 +21,9 @@ header { border: 1px solid; border-color: #1b1f2326; border-radius: 6px; - padding: 3px 12px; + padding: 6px 12px; - font-size: 12px; + font-size: 14px; color: #ffffff; line-height: 20px; text-decoration: none; -- cgit From c009bea662d9fc875c8e7cb266cebbfc2985f226 Mon Sep 17 00:00:00 2001 From: Cláudio Date: Tue, 26 Jan 2021 14:54:58 -0300 Subject: Partial commit for #158 - Component GBButton created - New issue form partially created (only title) - Refactoring for GBButon usage Next steps - Practice GraphQL calls - Finish New issue form (add first comment and submit) --- webui/src/App.tsx | 2 + webui/src/components/Button/GBButton.css | 19 ++++++++ webui/src/components/Button/GBButton.tsx | 22 +++++++++ webui/src/pages/list/ListQuery.css | 20 -------- webui/src/pages/list/ListQuery.tsx | 6 +-- webui/src/pages/new/NewPage.tsx | 80 ++++++++++++++++++++++++++++++++ 6 files changed, 126 insertions(+), 23 deletions(-) create mode 100644 webui/src/components/Button/GBButton.css create mode 100644 webui/src/components/Button/GBButton.tsx create mode 100644 webui/src/pages/new/NewPage.tsx (limited to 'webui') diff --git a/webui/src/App.tsx b/webui/src/App.tsx index 16663870..f7df7d2b 100644 --- a/webui/src/App.tsx +++ b/webui/src/App.tsx @@ -4,12 +4,14 @@ import { Route, Switch } from 'react-router'; import Layout from './layout'; import BugPage from './pages/bug'; import ListPage from './pages/list'; +import NewPage from './pages/new/NewPage'; export default function App() { return ( + diff --git a/webui/src/components/Button/GBButton.css b/webui/src/components/Button/GBButton.css new file mode 100644 index 00000000..1f47fee4 --- /dev/null +++ b/webui/src/components/Button/GBButton.css @@ -0,0 +1,19 @@ +.bt-issue { + background-color: #2ea44fd9; + border: 1px solid; + border-color: #1b1f2326; + border-radius: 6px; + padding: 6px 12px; + + font-size: 14px; + color: #ffffff; + line-height: 20px; + text-decoration: none; + + transition: all 0.2s cubic-bezier(0.3, 0, 0.5, 1); +} + +.bt-issue:hover { + background-color: #2ea44f; + border-color: #1b1f2326; +} \ No newline at end of file diff --git a/webui/src/components/Button/GBButton.tsx b/webui/src/components/Button/GBButton.tsx new file mode 100644 index 00000000..fcbff7a0 --- /dev/null +++ b/webui/src/components/Button/GBButton.tsx @@ -0,0 +1,22 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; + +import './GBButton.css'; + +interface GBButtonProps extends React.ButtonHTMLAttributes { + to: string; + text: string; +} + +/** + * Standard button for issue actions + */ +const GBButton: React.FC = (props) => { + return ( + + {props.text} + + ); +}; + +export default GBButton; diff --git a/webui/src/pages/list/ListQuery.css b/webui/src/pages/list/ListQuery.css index 36d94289..4f7abaf3 100644 --- a/webui/src/pages/list/ListQuery.css +++ b/webui/src/pages/list/ListQuery.css @@ -14,24 +14,4 @@ label { flex-direction: row; align-items: flex-start; justify-content: left; -} - -.bt-new-issue { - background-color: #2ea44fd9; - border: 1px solid; - border-color: #1b1f2326; - border-radius: 6px; - padding: 6px 12px; - - font-size: 14px; - color: #ffffff; - line-height: 20px; - text-decoration: none; - - transition: all 0.2s cubic-bezier(0.3, 0, 0.5, 1); -} - -.bt-new-issue:hover { - background-color: #2ea44f; - border-color: #1b1f2326; } \ No newline at end of file diff --git a/webui/src/pages/list/ListQuery.tsx b/webui/src/pages/list/ListQuery.tsx index b135827f..099adcd8 100644 --- a/webui/src/pages/list/ListQuery.tsx +++ b/webui/src/pages/list/ListQuery.tsx @@ -11,6 +11,8 @@ import KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft'; import KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight'; import Skeleton from '@material-ui/lab/Skeleton'; +import GBButton from 'src/components/Button/GBButton'; + import FilterToolbar from './FilterToolbar'; import List from './List'; import { useListBugsQuery } from './ListQuery.generated'; @@ -291,9 +293,7 @@ function ListQuery() { - - New Issue - + {content} diff --git a/webui/src/pages/new/NewPage.tsx b/webui/src/pages/new/NewPage.tsx new file mode 100644 index 00000000..b485987e --- /dev/null +++ b/webui/src/pages/new/NewPage.tsx @@ -0,0 +1,80 @@ +import { gql, useMutation } from '@apollo/client'; +import React, { FormEvent } from 'react'; + +import Paper from '@material-ui/core/Paper/Paper'; +import TextField from '@material-ui/core/TextField/TextField'; +import { fade, makeStyles, Theme } from '@material-ui/core/styles'; + +import GBButton from '../../components/Button/GBButton'; + +/** + * Styles + */ +const useStyles = makeStyles((theme) => ({ + main: { + maxWidth: 800, + margin: 'auto', + marginTop: theme.spacing(4), + marginBottom: theme.spacing(4), + padding: theme.spacing(2), + overflow: 'hidden', + }, + titleInput: { + borderRadius: theme.shape.borderRadius, + borderColor: fade(theme.palette.primary.main, 0.2), + borderStyle: 'solid', + borderWidth: '1px', + backgroundColor: fade(theme.palette.primary.main, 0.05), + padding: theme.spacing(0, 0), + transition: theme.transitions.create([ + 'width', + 'borderColor', + 'backgroundColor', + ]), + }, + form: { + display: 'flex', + flexDirection: 'row', + flexWrap: 'wrap', + justifyContent: 'flex-end', + }, +})); + +const NEW_BUG = gql` + mutation NewBug($input: NewBugInput) { + newBug(input: $input) { + title + message + } + } +`; + +/** + * Form to create a new issue + */ +function NewPage() { + const classes = useStyles({ searching: false }); + const [newBugInput] = useMutation(NEW_BUG); + + function submitNewIssue(e: FormEvent) { + e.preventDefault(); + // TODO Call API + } + + return ( + +
+ + + +
+ ); +} + +export default NewPage; -- cgit From f8d41c3bcda516cd33be25475ac52ab72c376e1f Mon Sep 17 00:00:00 2001 From: Cláudio Date: Thu, 28 Jan 2021 21:24:40 -0300 Subject: Partial commit for #158 - It´s possible to create new issues from webui (only title) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Next step - Finish new issue form (First comment field and style) - Update Readme about codegen usage and enforcing playground usage --- webui/src/App.tsx | 4 +- webui/src/pages/new/NewBug.graphql | 7 ++++ webui/src/pages/new/NewBugPage.tsx | 85 ++++++++++++++++++++++++++++++++++++++ webui/src/pages/new/NewPage.tsx | 80 ----------------------------------- 4 files changed, 94 insertions(+), 82 deletions(-) create mode 100644 webui/src/pages/new/NewBug.graphql create mode 100644 webui/src/pages/new/NewBugPage.tsx delete mode 100644 webui/src/pages/new/NewPage.tsx (limited to 'webui') diff --git a/webui/src/App.tsx b/webui/src/App.tsx index f7df7d2b..3a5ef025 100644 --- a/webui/src/App.tsx +++ b/webui/src/App.tsx @@ -4,14 +4,14 @@ import { Route, Switch } from 'react-router'; import Layout from './layout'; import BugPage from './pages/bug'; import ListPage from './pages/list'; -import NewPage from './pages/new/NewPage'; +import NewBugPage from './pages/new/NewBugPage'; export default function App() { return ( - + diff --git a/webui/src/pages/new/NewBug.graphql b/webui/src/pages/new/NewBug.graphql new file mode 100644 index 00000000..92df016e --- /dev/null +++ b/webui/src/pages/new/NewBug.graphql @@ -0,0 +1,7 @@ +mutation newBug($input: NewBugInput!) { + newBug(input: $input) { + bug { + humanId + } + } +} \ No newline at end of file diff --git a/webui/src/pages/new/NewBugPage.tsx b/webui/src/pages/new/NewBugPage.tsx new file mode 100644 index 00000000..925034e1 --- /dev/null +++ b/webui/src/pages/new/NewBugPage.tsx @@ -0,0 +1,85 @@ +import React, { FormEvent } from 'react'; + +import Paper from '@material-ui/core/Paper/Paper'; +import TextField from '@material-ui/core/TextField/TextField'; +import { fade, makeStyles, Theme } from '@material-ui/core/styles'; + +import { useNewBugMutation } from './NewBug.generated'; + +/** + * Styles + */ +const useStyles = makeStyles((theme: Theme) => ({ + main: { + maxWidth: 800, + margin: 'auto', + marginTop: theme.spacing(4), + marginBottom: theme.spacing(4), + padding: theme.spacing(2), + overflow: 'hidden', + }, + titleInput: { + borderRadius: theme.shape.borderRadius, + borderColor: fade(theme.palette.primary.main, 0.2), + borderStyle: 'solid', + borderWidth: '1px', + backgroundColor: fade(theme.palette.primary.main, 0.05), + padding: theme.spacing(0, 0), + transition: theme.transitions.create([ + 'width', + 'borderColor', + 'backgroundColor', + ]), + }, + form: { + display: 'flex', + flexDirection: 'row', + flexWrap: 'wrap', + justifyContent: 'flex-end', + }, +})); + +/** + * Form to create a new issue + */ +function NewBugPage() { + const classes = useStyles(); + let inputField: any; + const [newBug, { loading, error }] = useNewBugMutation(); + + function submitNewIssue(e: FormEvent) { + e.preventDefault(); + newBug({ + variables: { + input: { + title: String(inputField.value), + message: 'Message', //TODO + }, + }, + }); + inputField.value = ''; + } + + if (loading) return
Loading
; + if (error) return
Error
; + + return ( + +
+ { + inputField = node; + }} + label="Title" + className={classes.titleInput} + variant="outlined" + fullWidth + margin="dense" + /> + + +
+ ); +} + +export default NewBugPage; diff --git a/webui/src/pages/new/NewPage.tsx b/webui/src/pages/new/NewPage.tsx deleted file mode 100644 index b485987e..00000000 --- a/webui/src/pages/new/NewPage.tsx +++ /dev/null @@ -1,80 +0,0 @@ -import { gql, useMutation } from '@apollo/client'; -import React, { FormEvent } from 'react'; - -import Paper from '@material-ui/core/Paper/Paper'; -import TextField from '@material-ui/core/TextField/TextField'; -import { fade, makeStyles, Theme } from '@material-ui/core/styles'; - -import GBButton from '../../components/Button/GBButton'; - -/** - * Styles - */ -const useStyles = makeStyles((theme) => ({ - main: { - maxWidth: 800, - margin: 'auto', - marginTop: theme.spacing(4), - marginBottom: theme.spacing(4), - padding: theme.spacing(2), - overflow: 'hidden', - }, - titleInput: { - borderRadius: theme.shape.borderRadius, - borderColor: fade(theme.palette.primary.main, 0.2), - borderStyle: 'solid', - borderWidth: '1px', - backgroundColor: fade(theme.palette.primary.main, 0.05), - padding: theme.spacing(0, 0), - transition: theme.transitions.create([ - 'width', - 'borderColor', - 'backgroundColor', - ]), - }, - form: { - display: 'flex', - flexDirection: 'row', - flexWrap: 'wrap', - justifyContent: 'flex-end', - }, -})); - -const NEW_BUG = gql` - mutation NewBug($input: NewBugInput) { - newBug(input: $input) { - title - message - } - } -`; - -/** - * Form to create a new issue - */ -function NewPage() { - const classes = useStyles({ searching: false }); - const [newBugInput] = useMutation(NEW_BUG); - - function submitNewIssue(e: FormEvent) { - e.preventDefault(); - // TODO Call API - } - - return ( - -
- - - -
- ); -} - -export default NewPage; -- cgit From d673eb97fec5a79f21c13232392c3e1fe48f9589 Mon Sep 17 00:00:00 2001 From: Cláudio Date: Fri, 29 Jan 2021 08:29:49 -0300 Subject: Partial commit for #158 - Fix for unexpected change in AppBar style when importing Paper see: https://github.com/mui-org/material-ui/issues/19157 --- webui/src/pages/new/NewBugPage.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webui') diff --git a/webui/src/pages/new/NewBugPage.tsx b/webui/src/pages/new/NewBugPage.tsx index 925034e1..118966ed 100644 --- a/webui/src/pages/new/NewBugPage.tsx +++ b/webui/src/pages/new/NewBugPage.tsx @@ -1,6 +1,6 @@ import React, { FormEvent } from 'react'; -import Paper from '@material-ui/core/Paper/Paper'; +import Paper from '@material-ui/core/Paper'; import TextField from '@material-ui/core/TextField/TextField'; import { fade, makeStyles, Theme } from '@material-ui/core/styles'; -- cgit From a5e0deeec1db25c6e917f4ade253ac0bda524532 Mon Sep 17 00:00:00 2001 From: Cláudio Date: Fri, 29 Jan 2021 18:39:19 -0300 Subject: Partial commit for #158 - It´s possible to create new issue with title and first message from webui - form simple validation - Extraction from CommentForm to create a generic component for Comments MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Next steps - Styles - Readme update about codegen usage and enforcing playground usage --- webui/src/pages/bug/CommentInput.tsx | 101 +++++++++++++++++++++++++++++++++++ webui/src/pages/new/NewBugPage.tsx | 51 ++++++++++++++---- 2 files changed, 141 insertions(+), 11 deletions(-) create mode 100644 webui/src/pages/bug/CommentInput.tsx (limited to 'webui') diff --git a/webui/src/pages/bug/CommentInput.tsx b/webui/src/pages/bug/CommentInput.tsx new file mode 100644 index 00000000..cfe50626 --- /dev/null +++ b/webui/src/pages/bug/CommentInput.tsx @@ -0,0 +1,101 @@ +import React, { useState, useRef, useEffect } from 'react'; + +import Button from '@material-ui/core/Button'; +import Paper from '@material-ui/core/Paper'; +import Tab from '@material-ui/core/Tab'; +import Tabs from '@material-ui/core/Tabs'; +import TextField from '@material-ui/core/TextField'; +import { makeStyles, Theme } from '@material-ui/core/styles'; + +import Content from 'src/components/Content'; + +import { useAddCommentMutation } from './CommentForm.generated'; +import { TimelineDocument } from './TimelineQuery.generated'; + +const useStyles = makeStyles((theme) => ({ + container: { + margin: theme.spacing(2, 0), + padding: theme.spacing(0, 2, 2, 2), + }, + textarea: {}, + tabContent: { + margin: theme.spacing(2, 0), + }, + preview: { + borderBottom: `solid 3px ${theme.palette.grey['200']}`, + minHeight: '5rem', + }, + actions: { + display: 'flex', + justifyContent: 'flex-end', + }, +})); + +type TabPanelProps = { + children: React.ReactNode; + value: number; + index: number; +} & React.HTMLProps; +function TabPanel({ children, value, index, ...props }: TabPanelProps) { + return ( + + ); +} + +const a11yProps = (index: number) => ({ + id: `editor-tab-${index}`, + 'aria-controls': `editor-tabpanel-${index}`, +}); + +type Props = { + loading: boolean; + onChange: (comment: string) => void; +}; + +function CommentInput({ loading, onChange }: Props) { + const [input, setInput] = useState(''); + const [tab, setTab] = useState(0); + const classes = useStyles(); + + useEffect(() => { + onChange(input); + }, [input]); + + return ( +
+ setTab(t)}> + + + +
+ + setInput(e.target.value)} + disabled={loading} + /> + + + + +
+
+ ); +} + +export default CommentInput; diff --git a/webui/src/pages/new/NewBugPage.tsx b/webui/src/pages/new/NewBugPage.tsx index 118966ed..b451a247 100644 --- a/webui/src/pages/new/NewBugPage.tsx +++ b/webui/src/pages/new/NewBugPage.tsx @@ -1,13 +1,16 @@ -import React, { FormEvent } from 'react'; +import React, { FormEvent, useState } from 'react'; +import { Button } from '@material-ui/core'; import Paper from '@material-ui/core/Paper'; import TextField from '@material-ui/core/TextField/TextField'; import { fade, makeStyles, Theme } from '@material-ui/core/styles'; +import CommentInput from '../bug/CommentInput'; + import { useNewBugMutation } from './NewBug.generated'; /** - * Styles + * Css in JS styles */ const useStyles = makeStyles((theme: Theme) => ({ main: { @@ -33,8 +36,10 @@ const useStyles = makeStyles((theme: Theme) => ({ }, form: { display: 'flex', - flexDirection: 'row', - flexWrap: 'wrap', + flexDirection: 'column', + }, + actions: { + display: 'flex', justifyContent: 'flex-end', }, })); @@ -43,21 +48,31 @@ const useStyles = makeStyles((theme: Theme) => ({ * Form to create a new issue */ function NewBugPage() { - const classes = useStyles(); - let inputField: any; const [newBug, { loading, error }] = useNewBugMutation(); + const [issueTitle, setIssueTitle] = useState(''); + const [issueComment, setIssueComment] = useState(''); + const classes = useStyles(); + let issueTitleInput: any; function submitNewIssue(e: FormEvent) { e.preventDefault(); + if (!isFormValid()) return; + console.log('submitNewISsue'); + console.log('title: ', issueTitle); + console.log('comment: ', issueComment); newBug({ variables: { input: { - title: String(inputField.value), - message: 'Message', //TODO + title: issueTitle, + message: issueComment, }, }, }); - inputField.value = ''; + issueTitleInput.value = ''; + } + + function isFormValid() { + return issueTitle.length > 0 && issueComment.length > 0 ? true : false; } if (loading) return
Loading
; @@ -68,15 +83,29 @@ function NewBugPage() {
{ - inputField = node; + issueTitleInput = node; }} label="Title" className={classes.titleInput} variant="outlined" fullWidth margin="dense" + onChange={(event: any) => setIssueTitle(event.target.value)} + /> + setIssueComment(comment)} /> - +
+ +
); -- cgit From 33d53e17579e065529783b2c36342387bad86341 Mon Sep 17 00:00:00 2001 From: Cláudio 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') 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) => ({ padding: theme.spacing(2, 3), }, }, + gitbugButton: { + backgroundColor: '#2ea44fd9', + color: '#fff', + '&:hover': { + backgroundColor: '#2ea44f', + }, + }, })); function editParams( @@ -293,7 +301,13 @@ function ListQuery() { - + {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() { />
-- cgit