feat: allow to create a Footer for AdminJS app

src/backend/utils/component-loader.ts

@@ -169,5 +169,6 @@ export class ComponentLoader {
     'PropertyLabel',
     'Login',
     'AuthenticationBackgroundComponent',
+    'Footer',
   ]
 }

src/frontend/bundle-entry.jsx

@@ -8,7 +8,7 @@ import ViewHelpers from '../backend/utils/view-helpers/view-helpers.js'
 import { flat } from '../utils/flat/index.js'
 import * as AppComponents from './components/app/index.js'
 import * as ActionComponents from './components/actions/index.js'
-import App from './components/application.js'
+import App, { OriginalApp } from './components/application.js'
 import { AppLoader } from './components/index.js'
 import Login from './components/login/index.js'
 import BasePropertyComponent, { CleanPropertyComponent } from './components/property-type/index.js'
@@ -62,6 +62,7 @@ window.regeneratorRuntime = regeneratorRuntime
 export default {
   withNotice,
   Application,
+  OriginalApplication: OriginalApp,
   LoginApplication,
   ViewHelpers,
   UserComponents: {},

src/frontend/components/app/footer.tsx

@@ -0,0 +1,13 @@
+import React from 'react'
+
+import allowOverride from '../../hoc/allow-override.js'
+
+const Footer: React.FC = () => null
+
+const OverridableFooter = allowOverride(Footer, 'Footer')
+
+export {
+  OverridableFooter as default,
+  OverridableFooter as Footer,
+  Footer as OriginalFooter,
+}

src/frontend/components/app/index.ts

@@ -18,3 +18,4 @@ export * from './sort-link.js'
 export { default as SortLink } from './sort-link.js'
 export * from './top-bar.js'
 export * from './version.js'
+export * from './footer.js'

src/frontend/components/application.tsx

@@ -20,6 +20,7 @@ import {
 } from './routes/index.js'
 import useHistoryListen from '../hooks/use-history-listen.js'
 import { AuthenticationBackgroundComponent } from './app/auth-background-component.js'
+import { Footer } from './app/footer.js'
 
 const h = new ViewHelpers()
 
@@ -82,6 +83,7 @@ const App: React.FC = () => {
           </Route>
           <Route path="*" element={<DashboardRoute />} />
         </Routes>
+        <Footer />
       </Box>
       <Modal />
       <AuthenticationBackgroundComponent />

src/frontend/utils/overridable-component.ts

@@ -79,6 +79,7 @@ export type OverridableComponent =
   | 'PropertyLabel'
   | 'Login'
   | 'AuthenticationBackgroundComponent'
+  | 'Footer'
 
 /**
  * Name of the components which can be overridden by ComponentLoader.