From 21c33dce1c4b880863ebfb3ea8f96ddf5df9ba88 Mon Sep 17 00:00:00 2001
From: Richard Heise <rfhf19@inf.ufpr.br>
Date: Fri, 18 Sep 2020 11:16:23 -0300
Subject: [PATCH] Issue/41: FIX SearchBar now display a not found message
Signed-off-by: Richard Heise <rfhf19@inf.ufpr.br>
---
src/components/fieldsListForms/CardForm.jsx | 2 +-
src/pages/ListForms.js | 34 +++++++++++++--------
2 files changed, 23 insertions(+), 13 deletions(-)
diff --git a/src/components/fieldsListForms/CardForm.jsx b/src/components/fieldsListForms/CardForm.jsx
index 102d08e..da88546 100644
--- a/src/components/fieldsListForms/CardForm.jsx
+++ b/src/components/fieldsListForms/CardForm.jsx
@@ -65,7 +65,7 @@ const useStyles = makeStyles(theme => ({
numberOfAnswers: {
fontSize: 18,
- textAlign: "left",
+ textAlign: "center",
margin: "7px"
}
}));
diff --git a/src/pages/ListForms.js b/src/pages/ListForms.js
index 70732de..d609b39 100644
--- a/src/pages/ListForms.js
+++ b/src/pages/ListForms.js
@@ -9,6 +9,7 @@ import { useHistory } from "react-router-dom";
// Components
import CardForm from "../components/fieldsListForms/CardForm.jsx";
import Tab from "../components/fieldsListForms/Tab.jsx";
+import { Typography } from "@material-ui/core";
const useStyles = makeStyles(theme => ({
body: {
marginBottom: "15%"
@@ -70,9 +71,10 @@ export default function ListForms() {
* @param string - the string value to be searched.
*/
function searching(string) {
+ console.log(string);
setAuxForms(
[...forms].filter(value => {
- return value.title.includes(string);
+ return value.title.toLowerCase().includes(string.toLowerCase());
})
);
}
@@ -108,18 +110,26 @@ export default function ListForms() {
<Tab sort={sort} searching={searching} />
<Container>
<Grid className={classes.Forms}>Seus Formulários:</Grid>
- <Grid container spacing={3} className={classes.body}>
- {auxForms.map(form => (
- <Grid item xl={4} lg={4} md={4} sm={6} xs={12} zeroMinWidth>
- <CardForm
- id={form.id}
- title={form.title}
- description={form.description}
- numberOfAnswers={form.answersNumber}
- date={form.date}
- />
+ <Grid container justify="center" spacing={3} className={classes.body}>
+ {auxForms.length ? (
+ auxForms.map(form => (
+ <Grid item xl={4} lg={4} md={4} sm={6} xs={12} zeroMinWidth>
+ <CardForm
+ id={form.id}
+ title={form.title}
+ description={form.description}
+ numberOfAnswers={form.answersNumber}
+ date={form.date}
+ />
+ </Grid>
+ ))
+ ) : (
+ <Grid item>
+ <Typography variant="h4">
+ Nenhum formulário foi encontrado!
+ </Typography>
</Grid>
- ))}
+ )}
</Grid>
</Container>
</div>
--
GitLab