Merge pull request #406 from itsba2/reacting-to-input-with-state-tr

Translate Reacting to Input with State

Author: alioguzhan

src/components/Layout/Toc.tsx

@@ -16,7 +16,7 @@ export function Toc({headings}: {headings: Toc}) {
     <nav role="navigation" className="pt-20 sticky top-0 right-0">
       {headings.length > 0 && (
         <h2 className="mb-3 lg:mb-3 uppercase tracking-wide font-bold text-sm text-secondary dark:text-secondary-dark px-4 w-full">
-          On this page
+          Bu sayfada
         </h2>
       )}
       <div

src/components/MDX/Challenges/Challenge.tsx

@@ -116,7 +116,7 @@ export function Challenge({
                 )}
                 onClick={handleClickNextChallenge}
                 active>
-                Sonraki problem
+                Sonraki Problem
                 <IconArrowSmall
                   displayDirection="right"
                   className="block ml-1.5"

src/components/MDX/MDXComponents.tsx

@@ -193,7 +193,6 @@ function AuthorCredit({
     <div className="sr-only group-hover:not-sr-only group-focus-within:not-sr-only hover:sr-only">
       <p className="bg-card dark:bg-card-dark text-center text-sm text-secondary dark:text-secondary-dark leading-tight dark:text-secondary-dark p-2 rounded-lg absolute left-1/2 -top-4 -translate-x-1/2 -translate-y-full group-hover:flex group-hover:opacity-100 after:content-[''] after:absolute after:left-1/2 after:top-[95%] after:-translate-x-1/2 after:border-8 after:border-x-transparent after:border-b-transparent after:border-t-card after:dark:border-t-card-dark opacity-0 transition-opacity duration-300">
         <cite>
-          Illustrated by{' '}
           {authorLink ? (
             <a
               target="_blank"
@@ -204,7 +203,8 @@ function AuthorCredit({
             </a>
           ) : (
             author
-          )}
+          )}{' '}
+          tarafından görselleştirilmiştir.
         </cite>
       </p>
     </div>

src/components/MDX/Sandpack/CustomPreset.tsx

@@ -119,7 +119,7 @@ const SandboxShell = memo(function SandboxShell({
                   className="inline mr-1.5 text-xl"
                   displayDirection={isExpanded ? 'up' : 'down'}
                 />
-                {isExpanded ? 'Show less' : 'Show more'}
+                {isExpanded ? 'Daha az göster' : 'Daha fazla göster'}
               </span>
             </button>
           )}

src/components/MDX/Sandpack/DownloadButton.tsx

@@ -98,9 +98,9 @@ ${css}
     <button
       className="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1"
       onClick={downloadHTML}
-      title="Download Sandbox"
+      title="Sandbox'ı İndir"
       type="button">
-      <IconDownload className="inline mr-1" /> Download
+      <IconDownload className="inline mr-1" /> İndir
     </button>
   );
 }

src/components/MDX/Sandpack/OpenInCodeSandboxButton.tsx

@@ -9,7 +9,7 @@ export const OpenInCodeSandboxButton = () => {
   return (
     <UnstyledOpenInCodeSandboxButton
       className="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1 ml-2 md:ml-1"
-      title="Open in CodeSandbox">
+      title="CodeSandbox'ta Aç">
       <IconNewPage
         className="inline ml-1 mr-1 relative top-[1px]"
         width="1em"

src/components/MDX/Sandpack/ResetButton.tsx

@@ -13,9 +13,9 @@ export function ResetButton({onReset}: ResetButtonProps) {
     <button
       className="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1"
       onClick={onReset}
-      title="Reset Sandbox"
+      title="Sandbox'ı Sıfırla"
       type="button">
-      <IconRestart className="inline ml-1 mr-1 relative" /> Reset
+      <IconRestart className="inline ml-1 mr-1 relative" /> Sıfırla
     </button>
   );
 }

src/content/learn/reacting-to-input-with-state.md

@@ -126,7 +126,7 @@
       "tags": ["intermediate"],
       "routes": [
         {
-          "title": "Reacting to Input with State",
+          "title": "Girdiye State ile Reaksiyon Verme",
           "path": "/learn/reacting-to-input-with-state"
         },
         {

src/sidebarLearn.json

@@ -65,7 +65,7 @@ function getTableOfContents(children, depth) {
   if (anchors.length > 0) {
     anchors.unshift({
       url: '#',
-      text: 'Overview',
+      text: 'Genel Bakış',
       depth: 2,
     });
   }
@@ -88,13 +88,13 @@ function extractHeaders(children, depth, out) {
         header = {
           url: '#challenges',
           depth: 2,
-          text: 'Challenges',
+          text: 'Problemler',
         };
       } else if (child.type === 'Recap') {
         header = {
           url: '#recap',
           depth: 2,
-          text: 'Recap',
+          text: 'Özet',
         };
       } else if (child.type === 'TeamMember') {
         header = {