From 378a88fb4cde5427bffbe20abd6fdf74be9fd7bc Mon Sep 17 00:00:00 2001
From: Etienne0101 <etiennepichotdamon@gmail.com>
Date: Mon, 6 Nov 2023 08:38:11 +0100
Subject: [PATCH 1/3] Update app-card.js

---
 components/donnees-nationales/app-card.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/donnees-nationales/app-card.js b/components/donnees-nationales/app-card.js
index f7ac9e05c..aea57fadf 100644
--- a/components/donnees-nationales/app-card.js
+++ b/components/donnees-nationales/app-card.js
@@ -2,8 +2,8 @@ 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 = {
@@ -11,6 +11,7 @@ const typeColors = {
   API: '#68D391',
   Téléchargement: '#a3cef1',
   default: '#E2E8F0',
+  Géocodeur: '#70a0af'
 }
 
 const getStatusColor = status => statusColors?.[status] || statusColors.default

From b07c0110e725420e6ea438d4fc270d77ed92a4fd Mon Sep 17 00:00:00 2001
From: Etienne0101 <etiennepichotdamon@gmail.com>
Date: Mon, 6 Nov 2023 09:06:09 +0100
Subject: [PATCH 2/3] Update base-usages.js

---
 pages/donnees-nationales/base-usages.js | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/pages/donnees-nationales/base-usages.js b/pages/donnees-nationales/base-usages.js
index 6ba62cce4..c793b32f0 100644
--- a/pages/donnees-nationales/base-usages.js
+++ b/pages/donnees-nationales/base-usages.js
@@ -6,6 +6,8 @@ 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 Link from 'next/link'
+import ButtonLink from '@/components/button-link'
 
 import appsDataSource from '@/data/partners/usecases-ban.json'
 
@@ -85,6 +87,18 @@ 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:adresse@data.gouv.fr?subject=Ajout d‘un cas d‘usage - Base Adresse Nationale'>
+            Ajoutez votre application
+          </ButtonLink>
+        </div>
+        
+      </Section>
 
         <style jsx>{`
         .container {
@@ -109,6 +123,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>

From 8f32d46477344bbe019a1d4a7cab6af406535f5f Mon Sep 17 00:00:00 2001
From: Etienne0101 <etiennepichotdamon@gmail.com>
Date: Mon, 6 Nov 2023 09:21:41 +0100
Subject: [PATCH 3/3] Update base-usages.js

---
 pages/donnees-nationales/base-usages.js | 23 ++++++++++-------------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/pages/donnees-nationales/base-usages.js b/pages/donnees-nationales/base-usages.js
index c793b32f0..2e3ee7a88 100644
--- a/pages/donnees-nationales/base-usages.js
+++ b/pages/donnees-nationales/base-usages.js
@@ -6,7 +6,6 @@ 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 Link from 'next/link'
 import ButtonLink from '@/components/button-link'
 
 import appsDataSource from '@/data/partners/usecases-ban.json'
@@ -88,17 +87,16 @@ function BaseUsages() {
           {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>
+          <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:adresse@data.gouv.fr?subject=Ajout d‘un cas d‘usage - Base Adresse Nationale'>
-            Ajoutez votre application
-          </ButtonLink>
-        </div>
-        
-      </Section>
+          <div className='centered'>
+            <ButtonLink href='mailto:adresse@data.gouv.fr?subject=Ajout d‘un cas d‘usage - Base Adresse Nationale'>
+              Ajoutez votre application
+            </ButtonLink>
+          </div>
+        </Section>
 
         <style jsx>{`
         .container {
@@ -127,8 +125,7 @@ function BaseUsages() {
             margin: 40px auto;
             display: flex;
             justify-content: center;
-          }
-
+        }
       `}</style>
       </div>
     </Page>