add boolean for edit on github

CHANGELOG.md

@@ -1,3 +1,16 @@
+## [1.8.5] - 2025-05-10
+
+> Add sponsor card on single docs page
+
+### Added
+
+- boolean show/hide `edit on github`
+
+### Improved
+
+- adjusment docu.json
+- adjustment navbar, footer and components
+
 ## [1.8.0] - 2025-03-01
 
 > Now looks more modern and clean which is a big change in layout and design

app/docs/[[...slug]]/page.tsx

@@ -87,14 +87,18 @@ export default async function DocsPage({ params: { slug = [] } }: PageProps) {
           <h1 className="text-3xl !-mt-0.5">{title}</h1>
           <p className="-mt-4 text-muted-foreground text-[16.5px]">{description}</p>
           <div>{res.content}</div>
-          <div className="my-8 flex justify-between items-center border-b-2 border-x-muted-foreground">
+          <div
+            className={`my-8 flex items-center border-b-2 border-x-muted-foreground ${
+                docuConfig.repository?.editLink ? "justify-between" : "justify-end"
+            }`}
+            >
+            {docuConfig.repository?.editLink && <EditThisPage filePath={filePath} />}
             {date && (
-              <p className="text-[13px] text-muted-foreground">
+                <p className="text-[13px] text-muted-foreground">
                 Published on {formatDate2(date)}
-              </p>
+                </p>
             )}
-            <EditThisPage filePath={filePath} />
-          </div>
+            </div>
           <Pagination pathname={pathName} />
         </Typography>
         <ScrollToTop />

app/page.tsx

@@ -25,7 +25,7 @@ export default function Home() {
             )}
           >
             <AnimatedShinyText className="inline-flex items-center justify-center px-4 py-1 transition ease-out hover:text-neutral-100 hover:duration-300 hover:dark:text-neutral-200">
-              <span>🚀 New Version - Release v.1.8.0</span>
+              <span>🚀 New Version - Release v1.8.5</span>
               <ArrowRightIcon className="ml-1 size-3 transition-transform duration-300 ease-in-out group-hover:translate-x-0.5" />
             </AnimatedShinyText>
           </div>

components/edit-on-github.tsx

@@ -9,24 +9,22 @@ interface EditThisPageProps {
 
 const EditThisPage: React.FC<EditThisPageProps> = ({ filePath }) => {
   const { repository } = docuConfig;
+
+  if (!repository?.editLink || !repository.url || !repository.editPathTemplate) return null;
+
   const editUrl = `${repository.url}${repository.editPathTemplate.replace("{filePath}", filePath)}`;
 
   return (
-    <div style={{ textAlign: 'right' }}>
+    <div className="text-right">
       <Link
         href={editUrl}
-        target='_blank'
+        target="_blank"
         rel="noopener noreferrer"
-        style={{
-          display: 'inline-flex',
-          alignItems: 'center',
-          gap: '0.5rem',
-          textDecoration: 'none',
-          fontWeight: 'bold',
-        }}
+        aria-label="Edit this page on Git"
+        className="inline-flex items-center gap-2 text-sm font-medium text-muted-foreground no-underline"
       >
-        <span className='text-primary text-sm max-[480px]:hidden'>Edit this page</span>
-        <SquarePenIcon className="w-4 h-4 text-primary" />
+        <span className="flex justify-start items-center gap-1">Edit this page
+        <SquarePenIcon className="w-4 h-4" /></span>
       </Link>
     </div>
   );

components/footer.tsx

@@ -16,7 +16,7 @@ export function Footer() {
                 <FooterButtons />
             </div>
         </div>
-        <div className="flex flex-col items-start justify-center w-full gap-4 mt-4 xl:items-end lg:w-2/5">
+        <div className="flex flex-col items-center justify-center w-full gap-4 mt-4 lg:items-end lg:w-2/5">
             <p className="text-center text-muted-foreground">
                 Copyright © {new Date().getFullYear()} {footer.copyright} - <MadeWith />
             </p>

contents/docs/getting-started/introduction/index.mdx

@@ -13,7 +13,7 @@ DocuBook is proudly **open-source**! 🎉 We believe in creating an accessible,
 
 <Note title="Contribute">
   Interested in helping us improve? Check out our [GitHub
-  repository](https://github.com/mywildancloud/docubook) to get started! From
+  repository](https://github.com/gitfromwildan/docubook) to get started! From
   feature suggestions to bug fixes, all contributions are welcome.
 </Note>
 

docu.json

@@ -50,7 +50,8 @@
     },
     "repository": {
       "url": "https://gitlab.com/mywildancloud/docubook",
-      "editPathTemplate": "/blob/main/{filePath}"
+      "editPathTemplate": "/blob/main/{filePath}",
+      "editLink": true
     },
     "routes": [
     {