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: new creation design + step 1 #967

Merged
merged 6 commits into from
Oct 26, 2022
Merged

feat: new creation design + step 1 #967

merged 6 commits into from
Oct 26, 2022

Conversation

iamacook
Copy link
Member

What it solves

Resolves #961

How this PR fixes it

This implements the new creation/load flow layout, as well as the first step of creation. The progress bar is a placeholder as it will rely on all steps/progress and the stepper hook.

Note: the info widget is yet to be included as it has not been QA'd.

How to test it

Open /demo and observe the new design.

Screenshots

image

image

@cloudflare-workers-and-pages
Copy link

cloudflare-workers-and-pages bot commented Oct 25, 2022

Deploying with  Cloudflare Pages  Cloudflare Pages

Latest commit: c7cb075
Status: ✅  Deploy successful!
Preview URL: https://e7e57c32.web-core.pages.dev
Branch Preview URL: https://step-1.web-core.pages.dev

View logs

@github-actions
Copy link

github-actions bot commented Oct 25, 2022

ESLint Summary View Full Report

Annotations are provided inline on the Files Changed tab. You can also see all annotations that were generated on the annotations page.

Type Occurrences Fixable
Errors 0 0
Warnings 0 0
Ignored 0 N/A
  • Result: ✅ success
  • Annotations: 0 total

Report generated by eslint-plus-action

@iamacook iamacook linked an issue Oct 25, 2022 that may be closed by this pull request
Copy link
Member

@katspaugh katspaugh left a comment

Choose a reason for hiding this comment

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

Creating custom components just to add a couple of lines of CSS to MUI seems...excessive?

I would just make one Card module, and either pass props for the header and content or export them as named exports.

@iamacook iamacook requested a review from katspaugh October 25, 2022 07:34
Copy link
Member

@katspaugh katspaugh left a comment

Choose a reason for hiding this comment

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

Since we're building a new file structure anyway, I suggest we don't use the old "open" folder and put stuff under src/components/new-safe (to be used by both Create and Add Safe).

Comment on lines 1 to 7
.back {
margin: var(--space-4) 0;
}

.title {
padding-bottom: var(--space-2);
}
Copy link
Member

Choose a reason for hiding this comment

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

These one-liners could be my={4} and pb={2} respectively.

Copy link
Member Author

Choose a reason for hiding this comment

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

Button does not accept shorthands so I've added an sx to it.

@iamacook iamacook requested a review from katspaugh October 25, 2022 08:27
@iamacook iamacook changed the base branch from 864-epic-safe-creation-redesign to creation October 25, 2022 09:34
Copy link
Member

@schmanu schmanu left a comment

Choose a reason for hiding this comment

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

Nice!

@usame-algan usame-algan merged commit c7cb075 into creation Oct 26, 2022
@usame-algan usame-algan deleted the step-1 branch October 26, 2022 15:05
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.

[Create Safe] Implement redesign Network + Name step
4 participants