content footer

Author: claudiacodacy

docusaurus/docusaurus.config.ts

@@ -48,10 +48,6 @@ const config: Config = {
         docs: {
           routeBasePath: '/',
           sidebarPath: './sidebars.ts',
-          // Please change this to your repo.
-          // Remove this to remove the "edit this page" links.
-          editUrl:
-            'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/',
         },
         theme: {
           customCss: './src/css/custom.css',
@@ -91,51 +87,6 @@ const config: Config = {
         },
       ],
     },
-    footer: {
-      style: 'dark',
-      links: [
-        {
-          title: 'Docs',
-          items: [
-            {
-              label: 'Documentation',
-              to: '/',
-            },
-          ],
-        },
-        {
-          title: 'Community',
-          items: [
-            {
-              label: 'Stack Overflow',
-              href: 'https://stackoverflow.com/questions/tagged/docusaurus',
-            },
-            {
-              label: 'Discord',
-              href: 'https://discordapp.com/invite/docusaurus',
-            },
-            {
-              label: 'X',
-              href: 'https://x.com/docusaurus',
-            },
-          ],
-        },
-        {
-          title: 'More',
-          items: [
-            {
-              label: 'Blog',
-              to: '/blog',
-            },
-            {
-              label: 'GitHub',
-              href: 'https://github.com/facebook/docusaurus',
-            },
-          ],
-        },
-      ],
-      copyright: `Copyright © ${new Date().getFullYear()} Codacy. Built with Docusaurus.`,
-    },
     prism: {
       theme: prismThemes.github,
       darkTheme: prismThemes.dracula,

docusaurus/src/components/ContentFooter/index.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+import styles from './styles.module.css';
+
+export default function ContentFooter(): React.JSX.Element {
+  return (
+    <div className={styles.contentFooter}>
+      <div className={styles.inner}>
+        <div className={styles.meta}>
+          Copyright © {new Date().getFullYear()} Codacy.
+        </div>
+      </div>
+    </div>
+  );
+}

docusaurus/src/components/ContentFooter/styles.module.css

@@ -0,0 +1,34 @@
+.contentFooter {
+  margin-top: 2.5rem;
+  padding-top: 1.5rem;
+  border-top: 1px solid var(--ifm-toc-border-color);
+}
+
+.inner {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+.links {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+}
+
+.links a {
+  color: var(--ifm-font-color-base);
+  text-decoration: none;
+}
+
+.links a:hover {
+  text-decoration: underline;
+}
+
+.meta {
+  color: var(--ifm-color-emphasis-600);
+  font-size: 0.875rem;
+}
+

docusaurus/src/theme/DocItem/Layout/index.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import DocItemLayout from '@theme-original/DocItem/Layout';
+import type {Props} from '@theme/DocItem/Layout';
+
+import ContentFooter from '@site/src/components/ContentFooter';
+
+export default function DocItemLayoutWrapper(
+  props: Props,
+): React.JSX.Element {
+  return (
+    <>
+      <DocItemLayout {...props} />
+      <ContentFooter />
+    </>
+  );
+}