From 143f97b278a7b4cbf64bb9d7d2253b3fb4f0943d Mon Sep 17 00:00:00 2001
From: Bilal Karakollu <karakollubilal@gmail.com>
Date: Tue, 7 Jan 2025 21:00:02 +0300
Subject: [PATCH] translate navigations previous and next buttons

---
 src/components/DocsFooter.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/DocsFooter.tsx b/src/components/DocsFooter.tsx
index 5f2330e7e..5ccc8abce 100644
--- a/src/components/DocsFooter.tsx
+++ b/src/components/DocsFooter.tsx
@@ -30,7 +30,7 @@ export const DocsPageFooter = memo<DocsPageFooterProps>(
             <div className="grid grid-cols-1 gap-4 py-4 mx-auto max-w-7xl md:grid-cols-2 md:py-12">
               {prevRoute?.path ? (
                 <FooterLink
-                  type="Previous"
+                  type="Önceki"
                   title={prevRoute.title}
                   href={prevRoute.path}
                 />
@@ -40,7 +40,7 @@ export const DocsPageFooter = memo<DocsPageFooterProps>(
 
               {nextRoute?.path ? (
                 <FooterLink
-                  type="Next"
+                  type="Sonraki"
                   title={nextRoute.title}
                   href={nextRoute.path}
                 />
@@ -63,7 +63,7 @@ function FooterLink({
 }: {
   href: string;
   title: string;
-  type: 'Previous' | 'Next';
+  type: 'Önceki' | 'Sonraki';
 }) {
   return (
     <NextLink
@@ -71,12 +71,12 @@ function FooterLink({
       className={cn(
         'flex gap-x-4 md:gap-x-6 items-center w-full md:min-w-80 md:w-fit md:max-w-md px-4 md:px-5 py-6 border-2 border-transparent text-base leading-base text-link dark:text-link-dark rounded-lg group focus:text-link dark:focus:text-link-dark focus:bg-highlight focus:border-link dark:focus:bg-highlight-dark dark:focus:border-link-dark focus:border-opacity-100 focus:border-2 focus:ring-1 focus:ring-offset-4 focus:ring-blue-40 active:ring-0 active:ring-offset-0 hover:bg-gray-5 dark:hover:bg-gray-80',
         {
-          'flex-row-reverse justify-self-end text-end': type === 'Next',
+          'flex-row-reverse justify-self-end text-end': type === 'Sonraki',
         }
       )}>
       <IconNavArrow
         className="inline text-tertiary dark:text-tertiary-dark group-focus:text-link dark:group-focus:text-link-dark"
-        displayDirection={type === 'Previous' ? 'start' : 'end'}
+        displayDirection={type === 'Önceki' ? 'start' : 'end'}
       />
       <div className="flex flex-col overflow-hidden">
         <span className="text-sm font-bold tracking-wide no-underline uppercase text-secondary dark:text-secondary-dark group-focus:text-link dark:group-focus:text-link-dark group-focus:text-opacity-100">