raae/pow-app

Add/edit entry on new "page"

Closed this issue · 2 comments

raae commented

I love my little edit widget, but I must let it go.

When selecting to edit/add the user should be sent to "/cycle/:day/edit".

On small devices, the app bar should change (or maybe just covered) to look similar to examples below, while on larger ones it should be more typical with buttons below.

raae commented

Twitter examples:

twitter com_home(iPhone 6_7_8)

twitter com_home

twitter com_home (1)

Questions

Do we want a Modal?
https://material-ui.com/components/modal/


Do we want a Dialog?
https://material-ui.com/components/dialogs/

OlaVea: "No"


Do we want a page?


Where in the code do we "put" the button? to open the modal/page?

OlaVea:
I found the <EditNoteIcon /> in DaySummary.js

POW-little_edit_widget_ SimpleModal-140


Does that mean that <Fab /> is a sort of button?

OlaVea:


Where in the code do we "put" the modal?

OlaVea: If we will not use a modal, but will use a page. I guess we will put the page in the pages folder.


When you say "/cycle/:day/edit" do you mean this:

POW-little_edit_widget-137


What does "/cycle/:day/edit" mean?
Is it similar to const steps in Onboarding.js?

  const steps = [
    {
      label: "Create account",
      content: (
        <UserForm
          variant="signup"
          onSubmitFulfilled={(event) => {
            handleNext(event)
            trackGoal("HGGOZCXZ")
          }}


Is this @raae 's "little edit widget"?

POW-little_edit_widget-136


Is this code = this view?
POW-little_edit_widget-138


Should today's POW! thing become twitters tweet thing?

POW-little_edit_widget-139


When You say "app bar" you mean this code here? Or What?

POW-little_edit_widget_AppBar-141