From 7d9b9fe0506679332ff774333e73a14798ce38cb Mon Sep 17 00:00:00 2001
From: Thomas Schallert <thomas.schallert@fhnw.ch>
Date: Wed, 22 Feb 2023 09:57:32 +0100
Subject: [PATCH] fix: remove NavigationColumn cause its used inside the
 component

---
 packages/app/pages/includes/navi.tsx | 79 +++++++++++++---------------
 1 file changed, 36 insertions(+), 43 deletions(-)

diff --git a/packages/app/pages/includes/navi.tsx b/packages/app/pages/includes/navi.tsx
index cd584bc..9845458 100644
--- a/packages/app/pages/includes/navi.tsx
+++ b/packages/app/pages/includes/navi.tsx
@@ -5,7 +5,6 @@ import {
   MumbleLogo,
   NaviButton,
   Navigation,
-  NavigationContainer,
   NavigationColumn,
   NavigationRow,
 } from '@smartive-education/design-system-component-library-yeahyeahyeah';
@@ -27,48 +26,42 @@ export default function Navi() {
         <Link href="./textbox">Textbox</Link>
         <Link href="./hashtag">Hashtag</Link>
       </div>
-      <Navigation mbSpacing="32">
-        <NavigationContainer>
-          <NavigationColumn>
-            <Link href="/" title="Startpage" target="_self">
-              <MumbleLogo isNavigation={true} color="white" alignment="horizontal" />
-            </Link>
-            <NavigationRow>
-              <NaviButton
-                label="Profile"
-                variant="profile"
-                href="/profilepage"
-                legacyBehavior={true}
-                passHref={true}
-                linkComponent={Link}
-              >
-                <Avatar
-                  alt="Small Avatar"
-                  src="https://media.giphy.com/media/cfuL5gqFDreXxkWQ4o/giphy.gif"
-                  variant="small"
-                />
-              </NaviButton>
-              <NaviButton
-                label="Settings"
-                variant="default"
-                icon="settings"
-                href="/"
-                legacyBehavior={true}
-                passHref={true}
-                linkComponent={Link}
-              />
-              <NaviButton
-                label="Logout"
-                variant="default"
-                icon="logout"
-                href="/detailview"
-                legacyBehavior={true}
-                passHref={true}
-                linkComponent={Link}
-              />
-            </NavigationRow>
-          </NavigationColumn>
-        </NavigationContainer>
+      <Navigation>
+        <NavigationColumn>
+          <Link href="/detailview" title="Startpage" target="_self">
+            <MumbleLogo isNavigation={true} color="white" alignment="horizontal" />
+          </Link>
+          <NavigationRow>
+            <NaviButton
+              label="Profile"
+              variant="profile"
+              href="/profilepage"
+              legacyBehavior={true}
+              passHref={true}
+              linkComponent={Link}
+            >
+              <Avatar alt="Small Avatar" src="https://media.giphy.com/media/cfuL5gqFDreXxkWQ4o/giphy.gif" variant="small" />
+            </NaviButton>
+            <NaviButton
+              label="Settings"
+              variant="default"
+              icon="settings"
+              href="/"
+              legacyBehavior={true}
+              passHref={true}
+              linkComponent={Link}
+            />
+            <NaviButton
+              label="Logout"
+              variant="default"
+              icon="logout"
+              href="/detailview"
+              legacyBehavior={true}
+              passHref={true}
+              linkComponent={Link}
+            />
+          </NavigationRow>
+        </NavigationColumn>
       </Navigation>
     </>
   );