Merge pull request #25 from alonkeyval/gen-1341-delete-old-setup=files

[GEN-1341] chore: delete old setup files

frontend/webapp/app/(setup)/choose-destination/page.tsx

@@ -1,18 +1,16 @@
 'use client';
 import React from 'react';
-import { StepsList } from '@/components';
-import { ChooseDestinationContainer } from '@/containers';
-import { CardWrapper, PageContainer, StepListWrapper } from '../styled';
+import { SideMenu } from '@/components';
+import { SideMenuWrapper } from '../styled';
+import { ChooseDestinationContainer } from '@/containers/main';
 
 export default function ChooseDestinationPage() {
   return (
-    <PageContainer>
-      <StepListWrapper>
-        <StepsList currentStepIndex={1} />
-      </StepListWrapper>
-      <CardWrapper>
-        <ChooseDestinationContainer />
-      </CardWrapper>
-    </PageContainer>
+    <>
+      <SideMenuWrapper>
+        <SideMenu currentStep={3} />
+      </SideMenuWrapper>
+      <ChooseDestinationContainer />
+    </>
   );
 }

frontend/webapp/app/(setup)/choose-sources/page.tsx

@@ -1,18 +1,16 @@
 'use client';
 import React from 'react';
-import { StepsList } from '@/components';
-import { ChooseSourcesContainer } from '@/containers';
-import { CardWrapper, PageContainer, StepListWrapper } from '../styled';
+import { SideMenu } from '@/components';
+import { ChooseSourcesContainer } from '@/containers/main';
+import { SideMenuWrapper } from '../styled';
 
 export default function ChooseSourcesPage() {
   return (
-    <PageContainer>
-      <StepListWrapper>
-        <StepsList currentStepIndex={0} />
-      </StepListWrapper>
-      <CardWrapper>
-        <ChooseSourcesContainer />
-      </CardWrapper>
-    </PageContainer>
+    <>
+      <SideMenuWrapper>
+        <SideMenu currentStep={2} />
+      </SideMenuWrapper>
+      <ChooseSourcesContainer />
+    </>
   );
 }

frontend/webapp/app/(setup)/layout.tsx

@@ -1,19 +1,32 @@
 'use client';
 import React from 'react';
-import Logo from '@/assets/logos/odigos-gradient.svg';
-import { LogoWrapper, SetupPageContainer } from './styled';
+import styled from 'styled-components';
+
+const LayoutContainer = styled.div`
+  width: 100%;
+  height: 100vh;
+  background-color: ${({ theme }) => theme.colors.primary};
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+`;
+
+const MainContent = styled.div`
+  display: flex;
+  max-width: 1440px;
+  width: 100vh;
+  flex-direction: column;
+  align-items: center;
+`;
 
 export default function SetupLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
   return (
-    <SetupPageContainer>
-      <LogoWrapper>
-        <Logo />
-      </LogoWrapper>
-      {children}
-    </SetupPageContainer>
+    <LayoutContainer>
+      <MainContent>{children}</MainContent>
+    </LayoutContainer>
   );
 }

frontend/webapp/components/destinations/monitors-tap-list/index.tsx

@@ -31,6 +31,7 @@ const MonitorsTapList: React.FC<MonitorButtonsProps> = ({
       <MonitorButtonsContainer>
         {MONITORS_OPTIONS.map((monitor) => (
           <Tag
+            key={monitor.id}
             id={monitor.id}
             isSelected={selectedMonitors.includes(monitor.id)}
             onClick={() => onMonitorSelect(monitor.id)}

frontend/webapp/containers/main/sources/choose-sources/index.tsx

@@ -61,7 +61,7 @@ export function ChooseSourcesContainer() {
       dispatch(setSources(selectedItems));
       dispatch(setNamespaceFutureSelectAppsList(futureAppsCheckbox));
     }
-    router.push('/setup/choose-destination');
+    router.push('/choose-destination');
   }
 
   const toggleCheckboxState: ToggleCheckboxState = {