-
-
Notifications
You must be signed in to change notification settings - Fork 9
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Web: connections and connection configuration page redesign #350
Conversation
Web: connections page redesign
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great job on the css for this on the connections page!
web/renderer/components/pageComponents/ConnectionsPage/NewConnection/index.tsx
Outdated
Show resolved
Hide resolved
<MainLayout className={css.container}> | ||
<Inner /> | ||
</MainLayout> | ||
); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why does this need MainLayout
if there's no welcome message?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
when there's no existing connections, we show welcome message, and new connection form.
the ConfigurationPage already has MainLayout
maybe name showWelcomeMsg
boolean noExistingConnection
instead?
web/renderer/components/pageComponents/ConnectionsPage/NewConnection/index.module.css
Outdated
Show resolved
Hide resolved
web/renderer/components/pageComponents/ConnectionsPage/NewConnection/context/utils.ts
Outdated
Show resolved
Hide resolved
web/renderer/components/pageComponents/ConnectionsPage/NewConnection/context/utils.ts
Outdated
Show resolved
Hide resolved
web/renderer/components/pageComponents/ConnectionsPage/NewConnection/context/utils.ts
Outdated
Show resolved
Hide resolved
const isActive = props.index === activeTabIndex; | ||
const isCompleted = props.index < activeTabIndex; | ||
return ( | ||
<Tab | ||
index={props.index} | ||
className={cx(css.tab, { | ||
[css.activeTab]: isActive, | ||
[css.isCompleted]: isCompleted, | ||
})} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Might help to disable the future tabs if the current tab isn't fully filled out too
Connections:
![Screenshot 2025-01-23 at 11 14 37 AM](https://private-user-images.githubusercontent.com/6688812/406183343-b8991256-f2aa-4fab-a0be-b9734c231a07.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxODA4NzgsIm5iZiI6MTczOTE4MDU3OCwicGF0aCI6Ii82Njg4ODEyLzQwNjE4MzM0My1iODk5MTI1Ni1mMmFhLTRmYWItYTBiZS1iOTczNGMyMzFhMDcucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTBUMDk0MjU4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NDEwN2NmMDJmMzlmNzY0MGVlMmQ1MDc0YWE3YjQxZmY4OGE1N2EwNjlhMzhjMmJkMDAxNmM2MzgzOWZhNTcwZiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.FJDUXcLZEN8vD8epweSzNoJVkd36dIkk6_oEr-h89ZM)
Add connections:
![Screenshot 2025-01-23 at 11 14 51 AM](https://private-user-images.githubusercontent.com/6688812/406183454-8821ce78-8e9a-4476-b52e-8e63cd739d91.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxODA4NzgsIm5iZiI6MTczOTE4MDU3OCwicGF0aCI6Ii82Njg4ODEyLzQwNjE4MzQ1NC04ODIxY2U3OC04ZTlhLTQ0NzYtYjUyZS04ZTYzY2Q3MzlkOTEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTBUMDk0MjU4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MjIxYzRhMDBlZjEwZGQyYmU0YzY0MmY3ODhlNTI0MWY5MzRmYjVmOTZhMzViM2UyYzU3NTZhOWFiZWM1NjcxNSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.fb1jysuzUpBCCUIQUatbsRXfOc5WPuP-Fb6BmpX83Nk)