Resolve conflicts

Author: jakubdrozdek

src/components/Layout/Feedback.tsx

@@ -62,23 +62,13 @@ function SendFeedback({onSubmit}: {onSubmit: () => void}) {
   const [isSubmitted, setIsSubmitted] = useState(false);
   return (
     <div className="max-w-xs w-80 lg:w-auto py-3 shadow-lg rounded-lg m-4 bg-wash dark:bg-gray-95 px-4 flex">
-<<<<<<< HEAD
-      <p className="w-full font-bold text-primary dark:text-primary-dark text-lg mr-4">
+      <p className="w-full font-bold text-primary dark:text-primary-dark text-lg me-4">
         {isSubmitted ? 'Dziękujemy za opinię!' : 'Czy ta strona była pomocna?'}
       </p>
       {!isSubmitted && (
         <button
           aria-label="Tak"
-          className="bg-secondary-button dark:bg-secondary-button-dark rounded-lg text-primary dark:text-primary-dark px-3 mr-2"
-=======
-      <p className="w-full font-bold text-primary dark:text-primary-dark text-lg me-4">
-        {isSubmitted ? 'Thank you for your feedback!' : 'Is this page useful?'}
-      </p>
-      {!isSubmitted && (
-        <button
-          aria-label="Yes"
           className="bg-secondary-button dark:bg-secondary-button-dark rounded-lg text-primary dark:text-primary-dark px-3 me-2"
->>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
           onClick={() => {
             setIsSubmitted(true);
             onSubmit();

src/components/MDX/Challenges/Challenge.tsx

@@ -61,27 +61,16 @@ export function Challenge({
       <div className="flex justify-between items-center mt-4">
         {currentChallenge.hint ? (
           <div>
-<<<<<<< HEAD
-            <Button className="mr-2" onClick={toggleHint} active={showHint}>
-              <IconHint className="mr-1.5" />{' '}
-              {showHint ? 'Ukryj wskazówkę' : 'Pokaż wskazówkę'}
-=======
             <Button className="me-2" onClick={toggleHint} active={showHint}>
               <IconHint className="me-1.5" />{' '}
-              {showHint ? 'Hide hint' : 'Show hint'}
->>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
+              {showHint ? 'Ukryj wskazówkę' : 'Pokaż wskazówkę'}
             </Button>
             <Button
               className="me-2"
               onClick={toggleSolution}
               active={showSolution}>
-<<<<<<< HEAD
-              <IconSolution className="mr-1.5" />{' '}
-              {showSolution ? 'Ukryj rozwiązanie' : 'Pokaż rozwiązanie'}
-=======
               <IconSolution className="me-1.5" />{' '}
-              {showSolution ? 'Hide solution' : 'Show solution'}
->>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
+              {showSolution ? 'Ukryj rozwiązanie' : 'Pokaż rozwiązanie'}
             </Button>
           </div>
         ) : (
@@ -90,13 +79,8 @@ export function Challenge({
               className="me-2"
               onClick={toggleSolution}
               active={showSolution}>
-<<<<<<< HEAD
-              <IconSolution className="mr-1.5" />{' '}
-              {showSolution ? 'Ukryj rozwiązanie' : 'Pokaż rozwiązanie'}
-=======
               <IconSolution className="me-1.5" />{' '}
-              {showSolution ? 'Hide solution' : 'Show solution'}
->>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
+              {showSolution ? 'Ukryj rozwiązanie' : 'Pokaż rozwiązanie'}
             </Button>
           )
         )}
@@ -110,13 +94,8 @@ export function Challenge({
             )}
             onClick={handleClickNextChallenge}
             active>
-<<<<<<< HEAD
             {isRecipes ? 'Następny przykład' : 'Następne wyzwanie'}
-            <IconArrowSmall displayDirection="right" className="block ml-1.5" />
-=======
-            Next {isRecipes ? 'Example' : 'Challenge'}
             <IconArrowSmall displayDirection="end" className="block ms-1.5" />
->>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
           </Button>
         )}
       </div>

src/components/MDX/ExpandableExample.tsx

@@ -70,24 +70,14 @@ function ExpandableExample({children, excerpt, type}: ExpandableExampleProps) {
           })}>
           {isDeepDive && (
             <>
-<<<<<<< HEAD
-              <IconDeepDive className="inline mr-2 dark:text-purple-30 text-purple-40" />
-              Dla dociekliwych
-=======
               <IconDeepDive className="inline me-2 dark:text-purple-30 text-purple-40" />
-              Deep Dive
->>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
+              Dla dociekliwych
             </>
           )}
           {isExample && (
             <>
-<<<<<<< HEAD
-              <IconCodeBlock className="inline mr-2 dark:text-yellow-30 text-yellow-50" />
-              Przykład
-=======
               <IconCodeBlock className="inline me-2 dark:text-yellow-30 text-yellow-50" />
-              Example
->>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
+              Przykład
             </>
           )}
         </h5>

src/components/MDX/MDXComponents.tsx

@@ -126,13 +126,8 @@ function LearnMore({
               label="Czytaj dalej"
               href={path}
               type="primary">
-<<<<<<< HEAD
               Czytaj dalej
-              <IconNavArrow displayDirection="right" className="inline ml-1" />
-=======
-              Read More
               <IconNavArrow displayDirection="end" className="inline ms-1" />
->>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
             </ButtonLink>
           ) : null}
         </div>

src/components/MDX/Sandpack/DownloadButton.tsx

@@ -103,11 +103,7 @@ ${css}
       onClick={downloadHTML}
       title="Pobierz Sandbox"
       type="button">
-<<<<<<< HEAD
-      <IconDownload className="inline mr-1" /> Pobierz
-=======
-      <IconDownload className="inline me-1" /> Download
->>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
+      <IconDownload className="inline me-1" /> Pobierz
     </button>
   );
 }

src/components/MDX/Sandpack/OpenInCodeSandboxButton.tsx

@@ -8,13 +8,8 @@ import {IconNewPage} from '../../Icon/IconNewPage';
 export const OpenInCodeSandboxButton = () => {
   return (
     <UnstyledOpenInCodeSandboxButton
-<<<<<<< HEAD
-      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="Otwórz w CodeSandbox">
-=======
       className="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1 ms-2 md:ms-1"
-      title="Open in CodeSandbox">
->>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
+      title="Otwórz w CodeSandbox">
       <IconNewPage
         className="inline mx-1 relative top-[1px]"
         width="1em"

src/components/MDX/Sandpack/ResetButton.tsx

@@ -15,11 +15,7 @@ export function ResetButton({onReset}: ResetButtonProps) {
       onClick={onReset}
       title="Resetuj sandbox"
       type="button">
-<<<<<<< HEAD
-      <IconRestart className="inline ml-1 mr-1 relative" /> Resetuj
-=======
-      <IconRestart className="inline mx-1 relative" /> Reset
->>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
+      <IconRestart className="inline mx-1 relative" /> Resetuj
     </button>
   );
 }

src/components/MDX/TerminalBlock.tsx

@@ -17,15 +17,9 @@ interface TerminalBlockProps {
 function LevelText({type}: {type: LogLevel}) {
   switch (type) {
     case 'warning':
-<<<<<<< HEAD
-      return <span className="text-yellow-50 bg-none mr-1">Ostrzeżenie: </span>;
+      return <span className="text-yellow-50 bg-none me-1">Ostrzeżenie: </span>;
     case 'error':
-      return <span className="text-red-40 mr-1">Błąd: </span>;
-=======
-      return <span className="text-yellow-50 bg-none me-1">Warning: </span>;
-    case 'error':
-      return <span className="text-red-40 me-1">Error: </span>;
->>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
+      return <span className="text-red-40 me-1">Błąd: </span>;
     default:
       return null;
   }
@@ -70,13 +64,8 @@ function TerminalBlock({level = 'info', children}: TerminalBlockProps) {
                 window.navigator.clipboard.writeText(message ?? '');
                 setCopied(true);
               }}>
-<<<<<<< HEAD
-              <IconCopy className="inline-flex mr-2 self-center" />{' '}
-              {copied ? 'Skopiowano' : 'Kopiuj'}
-=======
               <IconCopy className="inline-flex me-2 self-center" />{' '}
-              {copied ? 'Copied' : 'Copy'}
->>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
+              {copied ? 'Skopiowano' : 'Kopiuj'}
             </button>
           </div>
         </div>

src/components/MDX/YouWillLearnCard.tsx

@@ -28,13 +28,8 @@ function YouWillLearnCard({title, path, children}: YouWillLearnCardProps) {
           type="primary"
           size="md"
           label={title}>
-<<<<<<< HEAD
           Czytaj więcej
-          <IconNavArrow displayDirection="right" className="inline ml-1" />
-=======
-          Read More
           <IconNavArrow displayDirection="end" className="inline ms-1" />
->>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
         </ButtonLink>
       </div>
     </div>

src/content/learn/importing-and-exporting-components.md

@@ -52,11 +52,7 @@ img { margin: 0 10px 10px 0; height: 90px; }
 
 </Sandpack>
 
-<<<<<<< HEAD
-W powyższym przykładzie wszystkie te komponenty istnieją w **pliku komponentu głównego** o nazwie `App.js`. W [Create React App](https://create-react-app.dev/) aplikacja jest zdefiniowana w pliku `src/App.js`. Jednak przy odpowiedniej konfiguracji komponent główny mógłby znaleźć się w innym pliku. Jeśli używasz frameworka z routingiem opartym na plikach, np. Next.js, dla każdej strony będziesz mieć inny komponent główny.
-=======
-These currently live in a **root component file,** named `App.js` in this example. Depending on your setup, your root component could be in another file, though. If you use a framework with file-based routing, such as Next.js, your root component will be different for every page.
->>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
+W powyższym przykładzie wszystkie te komponenty istnieją w **pliku komponentu głównego** o nazwie `App.js`. W zależności od konfiguracji komponent główny może znajdować się w innym pliku. Jeśli używasz frameworka z routingiem opartym na plikach, np. Next.js, dla każdej strony będziesz mieć inny komponent główny.
 
 ## Eksportowanie i importowanie komponentu {/*exporting-and-importing-a-component*/}
 

src/content/learn/your-first-component.md

@@ -211,11 +211,7 @@ Jeśli komponent potomny potrzebuje jakichś danych od rodzica, [przekaż je za
 
 #### Komponenty od góry do dołu {/*components-all-the-way-down*/}
 
-<<<<<<< HEAD
-Twoja aplikacja reactowa zaczyna się w komponencie głównym (_ang._ root - "korzeń"). Zwykle jest on tworzony automatycznie przy starcie nowego projektu. Na przykład, jeśli używasz [CodeSandbox](https://codesandbox.io/) lub [Create React App](https://create-react-app.dev/), komponent główny jest zdefiniowany w pliku `src/App.js`. Jeśli używasz frameworka [Next.js](https://nextjs.org/), komponent główny jest zdefiniowany w pliku `pages/index.js`. W poprzednich przykładach eksportowaliśmy własne komponenty główne.
-=======
-Your React application begins at a "root" component. Usually, it is created automatically when you start a new project. For example, if you use [CodeSandbox](https://codesandbox.io/) or if you use the framework [Next.js](https://nextjs.org/), the root component is defined in `pages/index.js`. In these examples, you've been exporting root components.
->>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
+Twoja aplikacja reactowa zaczyna się w komponencie głównym (_ang._ root - "korzeń"). Zwykle jest on tworzony automatycznie przy starcie nowego projektu. Na przykład, jeśli używasz [CodeSandbox](https://codesandbox.io/) lub frameworka [Next.js](https://nextjs.org/), komponent główny jest zdefiniowany w pliku `pages/index.js`. W poprzednich przykładach eksportowaliśmy własne komponenty główne.
 
 Większość aplikacji reactowych używa komponentów "od góry do dołu". Oznacza to, że nie tylko fragmenty wielokrotnego użytku, jak przyciski, stają się komponentami, lecz także większe kawałki interfejsu, jak paski boczne, listy czy nawet całe strony! Komponenty doskonale sprawdzają się w porządkowaniu kodu UI, nawet jeśli niektórych z nich używamy tylko jeden raz.