From 8275ea4239883082cb8f3608865cd20f497a954b Mon Sep 17 00:00:00 2001
From: melnikga <melnik.goshan2013@gmail.com>
Date: Fri, 5 Jul 2024 17:06:15 +0400
Subject: [PATCH 1/4] Update EditorFooter.tsx

---
 components/Editor/EditorFooter.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/components/Editor/EditorFooter.tsx b/components/Editor/EditorFooter.tsx
index ee53397..0e5b857 100644
--- a/components/Editor/EditorFooter.tsx
+++ b/components/Editor/EditorFooter.tsx
@@ -24,7 +24,7 @@ function EditorFooter({ withoutContent = false }) {
           : ' '}
       </span>
 
-      {isFullScreen && !withoutContent && (
+      {isFullScreen && (
         <div className="flex items-center justify-end divide-x divide-gray-200 dark:divide-black-500">
           <span className="pr-4">
             Made with ❤️ by{' '}
@@ -38,10 +38,15 @@ function EditorFooter({ withoutContent = false }) {
             </a>
           </span>
           <div className="items-center flex">
-            <KBarButton />
-            <ToggleFullScreen />
+            {!withoutContent && (
+              <>
+                <KBarButton />
+                <ToggleFullScreen />
+              </>
+            )}
+
             <ToggleThreeColumnLayout />
-            <ThemeSelector />
+            {!withoutContent && <ThemeSelector />}
           </div>
         </div>
       )}

From 44a054a8f6891d672110fd0572e425af4e39d549 Mon Sep 17 00:00:00 2001
From: melnikga <melnik.goshan2013@gmail.com>
Date: Fri, 5 Jul 2024 17:27:42 +0400
Subject: [PATCH 2/4] Update Header.tsx

---
 components/Editor/Header.tsx | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/components/Editor/Header.tsx b/components/Editor/Header.tsx
index b8418c9..27b8635 100644
--- a/components/Editor/Header.tsx
+++ b/components/Editor/Header.tsx
@@ -55,17 +55,11 @@ const EditorHeader = ({
                 >
                   <span>{!anotherTitle && 'Cairo VM'}Playground</span>
                 </h3>
-                {anotherTitle && (
-                  <div className="text-xs text-[#BDBDBDEE]">
-                    Cairo compiler v2.6.3
-                  </div>
-                )}
               </div>
             ))}
         </div>
 
         <div className="flex items-center ">
-          {anotherTitle && <ToggleThreeColumnLayout />}
           <Select
             className="z-40"
             onChange={onCodeTypeChange}

From 0a589e82db53a13a0018ec7855b09e85b8728d2e Mon Sep 17 00:00:00 2001
From: melnikga <melnik.goshan2013@gmail.com>
Date: Fri, 5 Jul 2024 17:48:34 +0400
Subject: [PATCH 3/4] Fixed header

---
 components/Editor/Header.tsx | 39 ++++++++++++++++++------------------
 1 file changed, 19 insertions(+), 20 deletions(-)

diff --git a/components/Editor/Header.tsx b/components/Editor/Header.tsx
index 27b8635..eaba01e 100644
--- a/components/Editor/Header.tsx
+++ b/components/Editor/Header.tsx
@@ -35,29 +35,28 @@ const EditorHeader = ({
     }),
     [codeType],
   )
+
   return (
     <>
       <div className={'flex justify-between items-center w-full'}>
-        <div className="flex items-center">
-          {!onlyDropDown &&
-            (withLogo && !anotherTitle ? (
-              <div className="flex items-center text-lg font-semibold tracking-tight text-gray-900 dark:text-white">
-                <span className="pr-2">cairovm</span>
-                <Image src={cairoLogo} width={20} height={20} alt="cairo" />
-                <span className="pl-2">codes</span>
-              </div>
-            ) : (
-              <div>
-                <h3
-                  className={`${
-                    !anotherTitle && 'font-semibold'
-                  } text-md hidden xl:inline-flex items-center`}
-                >
-                  <span>{!anotherTitle && 'Cairo VM'}Playground</span>
-                </h3>
-              </div>
-            ))}
-        </div>
+        {!onlyDropDown &&
+          (withLogo && !anotherTitle ? (
+            <div className="flex items-center text-lg font-semibold tracking-tight text-gray-900 dark:text-white">
+              <span className="pr-2">cairovm</span>
+              <Image src={cairoLogo} width={20} height={20} alt="cairo" />
+              <span className="pl-2">codes</span>
+            </div>
+          ) : (
+            <>
+              <h3
+                className={`${
+                  !anotherTitle && 'font-semibold hidden xl:inline-flex'
+                } text-md items-center`}
+              >
+                <span>{!anotherTitle && 'Cairo VM'}Playground</span>
+              </h3>
+            </>
+          ))}
 
         <div className="flex items-center ">
           <Select

From ebdbaf95d3168e9070c07e07336dcea7df0f638e Mon Sep 17 00:00:00 2001
From: melnikga <melnik.goshan2013@gmail.com>
Date: Fri, 5 Jul 2024 17:54:14 +0400
Subject: [PATCH 4/4] Update Header.tsx

---
 components/Editor/Header.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/components/Editor/Header.tsx b/components/Editor/Header.tsx
index eaba01e..2955cb4 100644
--- a/components/Editor/Header.tsx
+++ b/components/Editor/Header.tsx
@@ -4,8 +4,6 @@ import Image from 'next/image'
 import cairoLogo from 'public/cairo_logo.png'
 import Select, { OnChangeValue } from 'react-select'
 
-import ToggleThreeColumnLayout from 'components/ToggleThreeColumnLayout'
-
 import { CodeType } from '../../context/appUiContext'
 
 type Props = {