Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

refactor: Add components for styling forms#1169

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 ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

Merged
presleyp merged 5 commits intomainfromfullpageform/presleyp
Apr 26, 2022

Conversation

presleyp
Copy link
Contributor

I thought some reusable components would help us with our create/edit forms.

  • FormFooter styles the Cancel and Submit buttons
  • FullPageForm adds a title, x button, and margins to a form

See stories for example usage - theFormFooter goes inside aform which goes inside theFullPageForm.

@presleyppresleyp requested a review froma team as acode ownerApril 25, 2022 22:15
@presleyppresleyp self-assigned thisApr 25, 2022
@codecov
Copy link

codecovbot commentedApr 25, 2022
edited
Loading

Codecov Report

Merging#1169 (90283ed) intomain (8f464ce) willdecrease coverage by0.29%.
The diff coverage is0.00%.

@@            Coverage Diff             @@##             main    #1169      +/-   ##==========================================- Coverage   66.53%   66.23%   -0.30%==========================================  Files         263      265       +2       Lines       16427    16593     +166       Branches      156      157       +1     ==========================================+ Hits        10929    10991      +62- Misses       4377     4462      +85- Partials     1121     1140      +19
FlagCoverage Δ
unittest-go-macos-latest53.69% <ø> (-0.22%)⬇️
unittest-go-postgres-65.62% <ø> (-0.25%)⬇️
unittest-go-ubuntu-latest56.14% <ø> (-0.41%)⬇️
unittest-go-windows-202253.24% <ø> (-0.28%)⬇️
unittest-js66.50% <0.00%> (-0.93%)⬇️
Impacted FilesCoverage Δ
site/src/components/FormFooter/FormFooter.tsx0.00% <0.00%> (ø)
site/src/components/FullPageForm/FullPageForm.tsx0.00% <0.00%> (ø)
peerbroker/dial.go77.04% <0.00%> (-6.56%)⬇️
cli/workspaces.go47.22% <0.00%> (-5.91%)⬇️
cli/cliui/agent.go77.19% <0.00%> (-5.27%)⬇️
cli/workspaceautostop.go75.58% <0.00%> (-5.19%)⬇️
cli/workspaceautostart.go75.58% <0.00%> (-5.19%)⬇️
coderd/organizations.go56.70% <0.00%> (-3.95%)⬇️
cli/workspacedelete.go22.22% <0.00%> (-3.87%)⬇️
codersdk/organizations.go68.88% <0.00%> (-3.53%)⬇️
... and26 more

Continue to review full report at Codecov.

Legend -Click here to learn more
Δ = absolute <relative> (impact),ø = not affected,? = missing data
Powered byCodecov. Last update8f464ce...90283ed. Read thecomment docs.

Copy link
Contributor

@jsjoeiojsjoeio left a comment

Choose a reason for hiding this comment

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

Nice work!


export interface FullPageFormProps {
title: string
detail?: React.ReactNode
Copy link
Contributor

Choose a reason for hiding this comment

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

Had to read up again to remind myself what exactly is considered as aReactNode

anything that is renderable inside of JSX, this is NOT the same as what can be rendered by a component!

source

Copy link
ContributorAuthor

Choose a reason for hiding this comment

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

@jsjoeio do you think it's the wrong type? I took it fromFormTitle which is where this ends up but I could change it.

Copy link
Contributor

Choose a reason for hiding this comment

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

Oh no, sorry, I think it's right. It just surprised me, that's all. I thoughtdetail might have been astring when I first saw the component. Whatever you think is best!

@presleyppresleyp merged commit23a1a4d intomainApr 26, 2022
@presleyppresleyp deleted the fullpageform/presleyp branchApril 26, 2022 23:45
@missknissmisskniss added this to theV2 Beta milestoneMay 15, 2022
kylecarbs pushed a commit that referenced this pull requestJun 10, 2022
* Add FormFooter* Add FullPageForm* Lint* Make detail optional* Use Language
Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment
Reviewers

@jsjoeiojsjoeiojsjoeio approved these changes

Assignees

@presleyppresleyp

Labels
None yet
Projects
None yet
Milestone
V2 Beta
Development

Successfully merging this pull request may close these issues.

3 participants
@presleyp@jsjoeio@misskniss

[8]ページ先頭

©2009-2025 Movatter.jp