Skip to content
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

Merged
merged 27 commits into from
Jan 24, 2025

Conversation

liuliu-dev
Copy link
Contributor

@liuliu-dev liuliu-dev commented Jan 9, 2025

Connections:
Screenshot 2025-01-23 at 11 14 37 AM

Add connections:
Screenshot 2025-01-23 at 11 14 51 AM

@liuliu-dev liuliu-dev changed the title Web: reorganize connections and add connection pages Web: connections and add connection pages redesign Jan 9, 2025
@liuliu-dev liuliu-dev changed the title Web: connections and add connection pages redesign Web: connection configuration page redesign Jan 13, 2025
@liuliu-dev liuliu-dev changed the title Web: connection configuration page redesign Web: connections and connection configuration page redesign Jan 23, 2025
@liuliu-dev liuliu-dev requested a review from tbantle22 January 23, 2025 19:12
Copy link
Collaborator

@tbantle22 tbantle22 left a 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/ConnectionsAndDatabases/Popup.tsx Outdated Show resolved Hide resolved
Comment on lines +36 to +39
<MainLayout className={css.container}>
<Inner />
</MainLayout>
);
Copy link
Collaborator

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?

Copy link
Contributor Author

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?

Comment on lines 58 to 66
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,
})}
Copy link
Collaborator

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

web/renderer/components/CreateDatabase/index.tsx Outdated Show resolved Hide resolved
@liuliu-dev liuliu-dev merged commit 730a223 into main Jan 24, 2025
1 check passed
@liuliu-dev liuliu-dev deleted the liuliu/reorganize-connections-pages branch January 24, 2025 23:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants