From 62ccf2946ef8d09a8f41e63ef890c63cf74f6110 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Christian=20R=C3=A9millard?= <christian.remillard@gmail.com>
Date: Mon, 13 May 2024 16:53:28 -0400
Subject: [PATCH] feat: Ajout du composant <bib-retroaction-usager>

---
 src/components/RetroactionUsager.jsx | 23 -----------------------
 src/templates/PageTemplate.jsx       | 13 ++++++++++---
 2 files changed, 10 insertions(+), 26 deletions(-)
 delete mode 100644 src/components/RetroactionUsager.jsx

diff --git a/src/components/RetroactionUsager.jsx b/src/components/RetroactionUsager.jsx
deleted file mode 100644
index 49ba7c4..0000000
--- a/src/components/RetroactionUsager.jsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { useEffect } from 'react'
-import { Container } from '@mui/material'
-
-export default function RetroactionUsager({ formId = '20e7ff6aa4aeadadbea8aa877a806bb9' }) {
-  useEffect(() => {
-    const script = document.createElement('script')
-
-    script.src = `https://umontreal.libwizard.com/form_loader.php?id=${formId}&noheader=0`
-    script.async = true
-
-    document.body.appendChild(script)
-
-    return () => {
-      document.body.removeChild(script)
-    }
-  }, [])
-
-  return (
-    <Container>
-      <div id={`form_${formId}`} style={{ display: 'inline-block', height: '258px' }}></div>
-    </Container>
-  )
-}
diff --git a/src/templates/PageTemplate.jsx b/src/templates/PageTemplate.jsx
index 69db0c7..20ce875 100644
--- a/src/templates/PageTemplate.jsx
+++ b/src/templates/PageTemplate.jsx
@@ -5,17 +5,22 @@ import AppBar from '@/components/AppBar'
 import Footer from '@/components/Footer'
 import Link from '@/components/Link'
 import SEO from '@/components/SEO'
-import RetroactionUsager from '@/components/RetroactionUsager'
 
 const shortcodes = { Link, Accordion, AccordionDetails, AccordionSummary, Button, Box, Divider, Tab, Tabs } // Provide common components here
 
 export default function PageTemplate({ children }) {
   return (
     <MDXProvider components={shortcodes}>
+      <udem-urgence></udem-urgence>
       <AppBar />
       <bib-avis bouton-fermer />
-      <Container component="main">{children}</Container>
-      <RetroactionUsager />
+      <Container component="main">
+        {children}
+
+        <Box component="aside" className="article-footer" sx={{ pt: '2rem' }}>
+          <bib-retroaction-usager />
+        </Box>
+      </Container>
       <Footer />
     </MDXProvider>
   )
@@ -37,6 +42,8 @@ export function Head({ pageContext, location }) {
   return (
     <SEO title={frontmatter?.title} pathname={pathname}>
       <script type="module" src="https://cdn.jsdelivr.net/gh/bibudem/ui@0/dist/bib-avis.js"></script>
+      <script type="module" src="https://cdn.jsdelivr.net/gh/bibudem/ui@0/dist/bib-retroaction-usager.js"></script>
+      <script type="module" src="https://cdn.jsdelivr.net/gh/bibudem/ui@0/dist/udem-urgence.js"></script>
     </SEO>
   )
 }