diff --git a/frontend/webapp/app/(setup)/choose-destination/page.tsx b/frontend/webapp/app/(setup)/choose-destination/page.tsx index 66b0badb5..07187db2a 100644 --- a/frontend/webapp/app/(setup)/choose-destination/page.tsx +++ b/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 ( - - - - - - - - + <> + + + + + ); } diff --git a/frontend/webapp/app/(setup)/choose-sources/page.tsx b/frontend/webapp/app/(setup)/choose-sources/page.tsx index 495ec2f21..a612ab2ae 100644 --- a/frontend/webapp/app/(setup)/choose-sources/page.tsx +++ b/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 ( - - - - - - - - + <> + + + + + ); } diff --git a/frontend/webapp/app/(setup)/connect-destination/page.tsx b/frontend/webapp/app/(setup)/connect-destination/page.tsx deleted file mode 100644 index 5217c328c..000000000 --- a/frontend/webapp/app/(setup)/connect-destination/page.tsx +++ /dev/null @@ -1,17 +0,0 @@ -'use client'; -import { StepsList } from '@/components'; -import { ConnectDestinationContainer } from '@/containers'; -import { CardWrapper, PageContainer, StepListWrapper } from '../styled'; - -export default function ConnectDestinationPage() { - return ( - - - - - - - - - ); -} diff --git a/frontend/webapp/app/(setup)/layout.tsx b/frontend/webapp/app/(setup)/layout.tsx index d93a42f6f..6e7cab11e 100644 --- a/frontend/webapp/app/(setup)/layout.tsx +++ b/frontend/webapp/app/(setup)/layout.tsx @@ -1,7 +1,23 @@ '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, @@ -9,11 +25,8 @@ export default function SetupLayout({ children: React.ReactNode; }) { return ( - - - - - {children} - + + {children} + ); } diff --git a/frontend/webapp/app/setup/styled.ts b/frontend/webapp/app/(setup)/styled.ts similarity index 100% rename from frontend/webapp/app/setup/styled.ts rename to frontend/webapp/app/(setup)/styled.ts diff --git a/frontend/webapp/app/(setup)/styled.tsx b/frontend/webapp/app/(setup)/styled.tsx deleted file mode 100644 index 4e3e49040..000000000 --- a/frontend/webapp/app/(setup)/styled.tsx +++ /dev/null @@ -1,41 +0,0 @@ -import styled from 'styled-components'; - -export const SetupPageContainer = styled.div` - width: 100vw; - height: 100vh; - - background: var( - --gradient-dark, - radial-gradient( - 44.09% 58.18% at 100% -14%, - rgba(150, 242, 255, 0.4) 0%, - rgba(150, 242, 255, 0) 61.91% - ), - linear-gradient(181deg, #091824 0%, #2b2f56 100%) - ); - display: flex; - flex-direction: column; - align-items: center; -`; - -export const LogoWrapper = styled.div` - position: absolute; - top: 20px; - left: 20px; -`; - -export const StepListWrapper = styled.div` - height: 5%; - padding: 32px; - width: 100%; - display: inline-flex; - justify-content: center; -`; - -export const PageContainer = styled.div` - height: 100vh; -`; - -export const CardWrapper = styled.div` - height: 85%; -`; diff --git a/frontend/webapp/app/setup/choose-destination/page.tsx b/frontend/webapp/app/setup/choose-destination/page.tsx deleted file mode 100644 index 07187db2a..000000000 --- a/frontend/webapp/app/setup/choose-destination/page.tsx +++ /dev/null @@ -1,16 +0,0 @@ -'use client'; -import React from 'react'; -import { SideMenu } from '@/components'; -import { SideMenuWrapper } from '../styled'; -import { ChooseDestinationContainer } from '@/containers/main'; - -export default function ChooseDestinationPage() { - return ( - <> - - - - - - ); -} diff --git a/frontend/webapp/app/setup/choose-sources/page.tsx b/frontend/webapp/app/setup/choose-sources/page.tsx deleted file mode 100644 index a612ab2ae..000000000 --- a/frontend/webapp/app/setup/choose-sources/page.tsx +++ /dev/null @@ -1,16 +0,0 @@ -'use client'; -import React from 'react'; -import { SideMenu } from '@/components'; -import { ChooseSourcesContainer } from '@/containers/main'; -import { SideMenuWrapper } from '../styled'; - -export default function ChooseSourcesPage() { - return ( - <> - - - - - - ); -} diff --git a/frontend/webapp/app/setup/layout.tsx b/frontend/webapp/app/setup/layout.tsx deleted file mode 100644 index 6e7cab11e..000000000 --- a/frontend/webapp/app/setup/layout.tsx +++ /dev/null @@ -1,32 +0,0 @@ -'use client'; -import React from 'react'; -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 ( - - {children} - - ); -} diff --git a/frontend/webapp/components/destinations/monitors-tap-list/index.tsx b/frontend/webapp/components/destinations/monitors-tap-list/index.tsx index 198ea3471..fbc4685b4 100644 --- a/frontend/webapp/components/destinations/monitors-tap-list/index.tsx +++ b/frontend/webapp/components/destinations/monitors-tap-list/index.tsx @@ -31,6 +31,7 @@ const MonitorsTapList: React.FC = ({ {MONITORS_OPTIONS.map((monitor) => ( onMonitorSelect(monitor.id)} diff --git a/frontend/webapp/containers/main/sources/choose-sources/index.tsx b/frontend/webapp/containers/main/sources/choose-sources/index.tsx index 6228bea41..6430c1ad7 100644 --- a/frontend/webapp/containers/main/sources/choose-sources/index.tsx +++ b/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 = {