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

feat: show a confirmation text when saving a session #2856

Merged
merged 3 commits into from
Oct 25, 2023

Conversation

andre-code
Copy link
Contributor

@andre-code andre-code commented Oct 19, 2023

PR to introduce a confirmation message upon a successful session save. Additionally, it addresses minor issues, such as removing duplicate "saving session" messages and adjusting the spacing between text and the icon in the button.

save session

Fix #2792

/deploy renku=renku-ui-3.14.1 #persist

@andre-code andre-code temporarily deployed to renku-ci-ui-2856 October 19, 2023 12:45 — with GitHub Actions Inactive
@RenkuBot
Copy link
Contributor

You can access the deployment of this PR at https://renku-ci-ui-2856.dev.renku.ch

@andre-code andre-code force-pushed the andrea/2792-feedback-save-session-btn branch from 24d7dc8 to d358886 Compare October 19, 2023 14:47
@andre-code andre-code temporarily deployed to renku-ci-ui-2856 October 19, 2023 14:47 — with GitHub Actions Inactive
@andre-code andre-code marked this pull request as ready for review October 19, 2023 15:10
@andre-code andre-code requested a review from a team as a code owner October 19, 2023 15:10
@andre-code andre-code temporarily deployed to renku-ci-ui-2856 October 19, 2023 15:10 — with GitHub Actions Inactive
ciyer
ciyer previously approved these changes Oct 20, 2023
Copy link
Contributor

@ciyer ciyer left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Very nice! 🎉

@@ -295,8 +308,8 @@ function SaveSessionBody({
undefined
);
const saveText = saving ? (
<span>
<Loader className="me-1" inline size={16} />
<span className="d-flex gap-2">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should avoid doing this, the alignment is not correct here.

See here:
image

When inline is passed to <Loader>, it is meant to be inserted in the normal flow of a text. Separation can be achieved by using margin classes, e.g. me-1 or ms-1.

See correct alignment here:
image

<span>
  <Loader className="me-2" inline size={16} />
  Saving Session
</span>

@@ -53,6 +52,7 @@ import {
useRenkuSaveMutation,
} from "../sidecarApi";
import styles from "./SessionModals.module.scss";
import { SuccessAlert } from "../../../components/Alert";
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fix import order (vscode "Organize imports" command)

@andre-code andre-code temporarily deployed to renku-ci-ui-2856 October 24, 2023 08:02 — with GitHub Actions Inactive
@leafty leafty self-requested a review October 24, 2023 08:12
Copy link
Member

@leafty leafty left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 🌟

@andre-code andre-code temporarily deployed to renku-ci-ui-2856 October 24, 2023 08:41 — with GitHub Actions Inactive
@andre-code andre-code temporarily deployed to renku-ci-ui-2856 October 24, 2023 08:54 — with GitHub Actions Inactive
@andre-code andre-code temporarily deployed to renku-ci-ui-2856 October 24, 2023 11:35 — with GitHub Actions Inactive
…ary text when saving session, fix spacing in button when save a session
@andre-code andre-code force-pushed the andrea/2792-feedback-save-session-btn branch from 76cb5f3 to c3af9d1 Compare October 24, 2023 14:11
@andre-code andre-code temporarily deployed to renku-ci-ui-2856 October 24, 2023 14:11 — with GitHub Actions Inactive
@andre-code andre-code temporarily deployed to renku-ci-ui-2856 October 24, 2023 15:16 — with GitHub Actions Inactive
@RenkuBot
Copy link
Contributor

Tearing down the temporary RenkuLab deplyoment for this PR.

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.

The save button on sessions doesn't provide adequate feedback
4 participants