Merge pull request #1647 from BaseAdresseNationale/update-usecases

Update app-card.js

components/donnees-nationales/app-card.js

@@ -2,15 +2,16 @@ import PropTypes from 'prop-types'
 
 const statusColors = {
   'en cours de test': '#ECC94B',
-  'en réflexion': '#8d99ae',
-  default: '#E2E8F0',
+  'en réflexion': '#f4a259',
+  default: '#68D391',
 }
 
 const typeColors = {
   'Non défini': '#ced4da',
   API: '#68D391',
   Téléchargement: '#a3cef1',
   default: '#E2E8F0',
+  Géocodeur: '#70a0af'
 }
 
 const getStatusColor = status => statusColors?.[status] || statusColors.default

pages/donnees-nationales/base-usages.js

@@ -6,6 +6,7 @@ import Head from '@/components/head'
 import Section from '@/components/section'
 import SectionText from '@/components/section-text'
 import AppCard from '@/components/donnees-nationales/app-card'
+import ButtonLink from '@/components/button-link'
 
 import appsDataSource from '@/data/partners/usecases-ban.json'
 
@@ -85,6 +86,17 @@ function BaseUsages() {
         <div className='cards'>
           {filteredApps.map(appDescription => <AppCard key={appDescription.id_application} {...appDescription} />)}
         </div>
+        <Section title='Vous utilisez la Base Adresse Nationale ?'>
+          <SectionText>
+            <p>Faites nous part de votre usage et faites apparaître votre application sur cette page</p>
+          </SectionText>
+
+          <div className='centered'>
+            <ButtonLink href='mailto:[email protected]?subject=Ajout d‘un cas d‘usage - Base Adresse Nationale'>
+              Ajoutez votre application
+            </ButtonLink>
+          </div>
+        </Section>
 
         <style jsx>{`
         .container {
@@ -109,7 +121,11 @@ function BaseUsages() {
           grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
           gap: 1rem;
         }
-
+        .centered {
+            margin: 40px auto;
+            display: flex;
+            justify-content: center;
+        }
       `}</style>
       </div>
     </Page>