Skip to content

Feat/pinning settings#1535

Merged
rafaelramalho19 merged 12 commits intoepic/pinning-servicesfrom
feat/pinning-settings
Jul 15, 2020
Merged

Feat/pinning settings#1535
rafaelramalho19 merged 12 commits intoepic/pinning-servicesfrom
feat/pinning-settings

Conversation

@rafaelramalho19
Copy link
Contributor

This adds a mocked-up settings page component for pinning settings.

Left some todo's that I want to fix later, when we:

  • Have a documentation link
  • Have a working pinning API from go-ipfs to fetch current pinned services
  • Have a working API to check for available pinning services

Demo:
W1ax51C

Note: The buttons aren't doing anything on this PR, going to implement it on the next one

}

return (
<Modal {...props} className={className} onCancel={onLeave} style={{ maxWidth: '40em' }}>
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This modal is just a placeholder (copied from language modal), will also update it next :)

Copy link
Contributor

@jessicaschilling jessicaschilling left a comment

Choose a reason for hiding this comment

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

This is great! Left one tiny text change inline, but had a few other visual tweaks to get closer to the mockups:

  • Font styling in the column headers should be the same as for the column headers in the Files screen
  • For "N/A" listings in rows, please make them the same gray as the column headers
  • Text baseline in the "Auto Upload" column looks higher than in the other columns
  • Icons in the pop-up should be the same color as the icons in the file screen pop-up
  • Please add a bit more space between the service's icon and its name to match the mockups (for example, Eternum looks a little tight)
  • The margin/padding on the chart itself vis-a-vis its white frame is a little uneven, particularly that it's too little on top and too much on bottom. Could you please match the mockups?

So cool 😊 Thank you!

Copy link
Contributor

@jessicaschilling jessicaschilling left a comment

Choose a reason for hiding this comment

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

@rafaelramalho19 -- I didn't go through the code but visually LGTM based on the screenshots you shared with me in chat. Do you mind posting those in a comment here for archiving purposes and so that @lidel can see, too?

@rafaelramalho19
Copy link
Contributor Author

image
image

Copy link
Member

@lidel lidel left a comment

Choose a reason for hiding this comment

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

Small nits:

@rafaelramalho19 do we really want to start merging these changes master?

  • If we need to make a bugfix release before pinning services are a thing, we have a problem and need to manually hide pinning services UI before release.
    • If you are ok with the risk of that additional work, ok with me.
  • Translations of new strings will get published to Transifex, but as we iterate on this, those may change, and we add unnecessary work for community members in IPFS translation team.
    • If we are extra diligent around proof-reading new labels and ensure they are pretty much solid when merging to master, it should not be a problem, but wanted to mention the concern here as I know how discouraging it is when you translate something and the same paragraph is changed multiple times withing one or two weeks.

If you'd like to play it safe, perhaps create epic/pinning-services branch and create new PRs against that instead? That way pinning services epic work would be isolated from regular dev and when we want to ship pinning services, we would merge everything to master in a single PR.

@rafaelramalho19
Copy link
Contributor Author

Small nits:

@rafaelramalho19 do we really want to start merging these changes master?

  • If we need to make a bugfix release before pinning services are a thing, we have a problem and need to manually hide pinning services UI before release.

    • If you are ok with the risk of that additional work, ok with me.
  • Translations of new strings will get published to Transifex, but as we iterate on this, those may change, and we add unnecessary work for community members in IPFS translation team.

    • If we are extra diligent around proof-reading new labels and ensure they are pretty much solid when merging to master, it should not be a problem, but wanted to mention the concern here as I know how discouraging it is when you translate something and the same paragraph is changed multiple times withing one or two weeks.

If you'd like to play it safe, perhaps create epic/pinning-services branch and create new PRs against that instead? That way pinning services epic work would be isolated from regular dev and when we want to ship pinning services, we would merge everything to master in a single PR.

Will fix the small issues you pointed out, thanks 👍

I was thinking about creating a branch called release/pinning-services, but epic/pinning-services sounds good to me 😄

@jessicaschilling
Copy link
Contributor

@lidel Thanks for catching that three-dots menu for local services, feeling a bit silly for not seeing that.

@rafaelramalho19 rafaelramalho19 changed the base branch from master to epic/pinning-services July 3, 2020 17:52
@rafaelramalho19 rafaelramalho19 requested a review from lidel July 9, 2020 14:57
@rafaelramalho19 rafaelramalho19 merged commit 6cd8f88 into epic/pinning-services Jul 15, 2020
@rafaelramalho19 rafaelramalho19 deleted the feat/pinning-settings branch July 15, 2020 16:42
rafaelramalho19 added a commit that referenced this pull request Aug 17, 2020
* feat: add pinning services service modal

* chore: update translation for service modal
rafaelramalho19 added a commit that referenced this pull request Sep 29, 2020
rafaelramalho19 added a commit that referenced this pull request Sep 29, 2020
* feat: add pinning services service modal

* chore: update translation for service modal
rafaelramalho19 added a commit that referenced this pull request Oct 6, 2020
rafaelramalho19 added a commit that referenced this pull request Oct 6, 2020
* feat: add pinning services service modal

* chore: update translation for service modal
rafaelramalho19 added a commit that referenced this pull request Nov 3, 2020
rafaelramalho19 added a commit that referenced this pull request Nov 3, 2020
* feat: add pinning services service modal

* chore: update translation for service modal
rafaelramalho19 added a commit that referenced this pull request Nov 10, 2020
rafaelramalho19 added a commit that referenced this pull request Nov 10, 2020
* feat: add pinning services service modal

* chore: update translation for service modal
rafaelramalho19 added a commit that referenced this pull request Dec 14, 2020
* Feat/pinning settings (#1535)

* Feat/pinning settings custom modal (#1546)

Co-authored-by: Jessica Schilling <jessica@protocol.ai>

* Feat/redesign files bar (#1513)

* Feat/pinning settings (#1535) (#1557)

* feat: add pinning services service modal

* chore: update translation for service modal

* chore: fix tslint in directory selector

* chore: fix tscheck issues in upper directory selector

* chore: fix tslint in selectors

* feat: add pinning to files page (#1678)

* chore: refactor files page

* feat: add pinning services mock to files page

* chore: update remotePin dimensions

Co-authored-by: Jessica Schilling <jessica@protocol.ai>

* chore: update local pin icon dimension

Co-authored-by: Jessica Schilling <jessica@protocol.ai>

* chore: change pin icon fill color

Co-authored-by: Jessica Schilling <jessica@protocol.ai>

* chore: change remote pin icon fill color

Co-authored-by: Jessica Schilling <jessica@protocol.ai>

* chore: update pinning modal text size

Co-authored-by: Jessica Schilling <jessica@protocol.ai>

* chore: update pinning modal text size

Co-authored-by: Jessica Schilling <jessica@protocol.ai>

* chore: pinning modal secondary text changes

Co-authored-by: Jessica Schilling <jessica@protocol.ai>

* chore: update pinning modal image size

Co-authored-by: Jessica Schilling <jessica@protocol.ai>

* chore: update pinning modal pin icon

Co-authored-by: Jessica Schilling <jessica@protocol.ai>

* chore: add pin status column to fileslist

* chore: fix modals icons

* chore: fix linting error

* chore: fix files sorting

Co-authored-by: Jessica Schilling <jessica@protocol.ai>

* feat: prepare pinning services for stage 1

* chore: remove remote pins from settings page for stage 1

* chore: update pinning manager padding

Co-authored-by: Jessica Schilling <jessica@protocol.ai>

* chore: update modal horizontal padding

Co-authored-by: Jessica Schilling <jessica@protocol.ai>

* chore: make settings page pinning table responsive

* chore: update settings page description in pinning table

* chore: update header style

Co-authored-by: Jessica Schilling <jessica@protocol.ai>

* chore: update settings page in smaller viewports

* chore: remove outline on pinning tables focus

* chore: update translation

Co-authored-by: Jessica Schilling <jessica@protocol.ai>

* chore: update translation

Co-authored-by: Jessica Schilling <jessica@protocol.ai>

* chore: add titles to bar options

* chore: add titles to bar options

* Update public/locales/en/files.json

* feat: add pins size to the settings page

* feat: add number of pins to settings page

* chore: feat tslint

* chore: fix error in button

* test(e2e): more reliable api test suite

This changes the way we enter API address/config from programmatic
to full simulation of user input and adds tiny slow down between each
key stroke.

This should solve the problem of newly added UI feedback not engaging,
and make CI both more reliable and green again.

While at it, made it CI-agnostic, in preparation for move to
GithubActions

Co-authored-by: Jessica Schilling <jessica@protocol.ai>
Co-authored-by: Marcin Rataj <lidel@lidel.org>
rafaelramalho19 added a commit that referenced this pull request Dec 14, 2020
rafaelramalho19 added a commit that referenced this pull request Dec 14, 2020
* feat: add pinning services service modal

* chore: update translation for service modal
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.

3 participants