Issue #32: Changed Icon and name in browser

6ab72cb5 · Richard Fernando Heise Ferreira · cff90df1 · cff90df1 · 6ab72cb5 · 6ab72cb5
Commit 6ab72cb5 authored 4 years ago by Richard Fernando Heise Ferreira
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+  <meta name="description" content="Web site created using create-react-app" />
+  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+  <!--
      manifest.json provides metadata used when your web app is installed on a
      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
+  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+  <!--
      Notice the use of %PUBLIC_URL% in the tags above.
      It will be replaced with the URL of the `public` folder during the build.
      Only files inside the `public` folder can be referenced from the HTML.
@@ -24,12 +22,13 @@
      work correctly both with client-side routing and a non-root public URL.
      Learn how to configure a non-root public URL by running `npm run build`.
    -->
-    <title>React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
+  <title>Gerador de Formulários</title>
+</head>
+
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+  <!--
      This HTML file is a template.
      If you open it directly in the browser, you will see an empty page.

@@ -39,5 +38,6 @@
      To begin the development, run `npm start` or `yarn start`.
      To create a production bundle, use `npm run build` or `yarn build`.
    -->
-  </body>
-</html>
+</body>
+
+</html>
\ No newline at end of file
--- a/public/logo192.png
+++ b/public/logo192.png
--- a/public/logo512.png
+++ b/public/logo512.png
--- a/public/manifest.json
+++ b/public/manifest.json
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "Gerador de formulários",
+  "name": "Gerador de formulários",
  "icons": [
    {
      "src": "favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
    }
  ],
  "start_url": ".",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
-}
+}
\ No newline at end of file
--- a/src/components/fieldsListForms/SearchBar.jsx
+++ b/src/components/fieldsListForms/SearchBar.jsx
@@ -7,6 +7,7 @@ import InputAdornment from "@material-ui/core/InputAdornment";

 const useStyles = makeStyles(theme => ({
  container: {
+    width: "254px",
    height: "50px",
    marginTop: "15px",
    marginBottom: "15px",

--- a/src/components/fieldsListForms/Tab.jsx
+++ b/src/components/fieldsListForms/Tab.jsx
@@ -55,6 +55,7 @@ const useStyles = makeStyles(theme => ({
  },

  gridMenu: {
+    width: "254px",
    display: "flex",
    alignItems: "center",
    marginLeft: "20px"
@@ -94,7 +95,7 @@ function Tab(props) {
            inputProps={{ "aria-label": "Without label" }}
          >
            <MenuItem value="">
-              <em>Original</em>
+              Original
            </MenuItem>
            <MenuItem value={1}>Alfabética</MenuItem>
            <MenuItem value={2}>Mais recente</MenuItem>

--- a/src/components/header/header.jsx
+++ b/src/components/header/header.jsx
@@ -118,7 +118,7 @@ export default function Header() {
              className={classes.link}
            >
              <h2 className={classes.form_creator}>
-                Gerenciador de Formulários
+                Gerador de Formulários
              </h2>
            </a>
          </Grid>

--- a/src/pages/ListForms.js
+++ b/src/pages/ListForms.js
@@ -140,7 +140,7 @@ export default function ListForms() {
            ) : (
                <Grid item>
                  <Typography variant="h4">
-                    Nenhum formulário foi encontrado!
+                    Nenhum formulário foi encontrado
                </Typography>
                </Grid>
              )}