CloudPower97
diff --git a/‎client/public/index.html‎
Lines changed: 2 additions & 26 deletions b/‎client/public/index.html‎
Lines changed: 2 additions & 26 deletions
diff --git a/‎client/src/containers/ErrorPage/ErrorPage.js‎
Lines changed: 40 additions & 3 deletions b/‎client/src/containers/ErrorPage/ErrorPage.js‎
Lines changed: 40 additions & 3 deletions
@@ -7,40 +7,16 @@
       content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, shrink-to-fit=no"
     />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="theme-color" content="#0D47A1" data-react-helmet="true" />
+    <meta name="theme-color" content="#363537" data-react-helmet="true" />
     <meta name="rating" content="General" />
-    <meta name="twitter:site" content="https://twitter.com/Educabile_Srl" />
-    <meta name="twitter:creator" content="Educabile_Srl" />
-    <meta property="og:type" content="website" />
-    <meta property="fb:app_id" content="2265331890362238" />
-    <meta property="og:locale" content="it-IT" />
 
-    <!-- <link rel="stylesheet" href="%PUBLIC_URL%/materialize.css" /> -->
-    <!--
-      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.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      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>Educabile - Una Startup Innovativa</title>
+    <title>Database Systems Project</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.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
 
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   </body>
 </html>
@@ -1,6 +1,14 @@
 import React from 'react'
 import { Container, Row, Col } from 'react-materialize'
-import { mdiAccountGroup, mdiHome } from '@mdi/js'
+import {
+  mdiAccountGroup,
+  mdiCalendarMultiple,
+  mdiFileDocumentBoxMultipleOutline,
+  mdiDomain,
+  mdiBookOpenPageVariant,
+  mdiFeather,
+  mdiHome,
+} from '@mdi/js'
 import Banner from 'components/Banner'
 import FeatureCard from 'components/FeatureCard'
 import { Link } from 'react-router-dom'
@@ -9,19 +17,48 @@ import cx from 'class-names'
 
 const ChoosePage = ({ match: { path } }) => {
   const collection = path.split('/')[1]
+  let icon = mdiAccountGroup
+
+  switch (collection) {
+    case 'conferences':
+      icon = mdiCalendarMultiple
+      break
+
+    case 'documents':
+      icon = mdiFileDocumentBoxMultipleOutline
+      break
+
+    case 'organizations':
+      icon = mdiDomain
+      break
+
+    case 'periodicals':
+      icon = mdiBookOpenPageVariant
+      break
+
+    case 'publishing-companies':
+      icon = mdiFeather
+      break
+
+    default:
+      icon = mdiAccountGroup
+      break
+  }
 
   return (
     <>
       <Banner text={`${collection.replace('-', ' ')} not found`} />
 
       <Container>
-        <h2 className={cx('center', collection, Styles.ErrorPage)}>Whoops! That's an error!</h2>
+        <h2 className={cx('center', collection, Styles.ErrorPage)}>
+          Whoops! That&apos;s an error!
+        </h2>
 
         <Row>
           <Col s={12} l={6}>
             <Link to={`/${collection}/choose`}>
               <FeatureCard
-                icon={mdiAccountGroup}
+                icon={icon}
                 title={`Make another choice\nabout the ${collection} to find`}
                 className={`${collection}`}
               />