savio591 / dualbank Goto Github PK

Create the toasts as components
The calling and pass of props will be created in third milestone.

Create the structure of download container

• A container about status about a file download in the app

PS: Don't style those components yet

Expected:

• Create the structure of the sidebar component, don't refactor things able to modularize yet.
• Do maybe it will have problems with style in the future?
• Don't create modals or select buttons yet, just make the structure start for now

Find a solution for resolve this problem.

Options available:

• Replace this button for a container and let the eye button as is
• Make a script to make the text draggable

Todo

• Cash container:

  • Row 1:

    • Title
    • Print button
    • Download as pdf button
    • Share Button

  • Row 2:

    • Card:
      • Row 1: Date select button with a label about the date of a cash available plus at date select indicator at the right
      • Row 2: Line break with border
      • Row 3: Updated at indicator of time of requested cash value
      • Row 4: Available cash with label and fast hider value at right

• Just set thist bar as full width

Create the component and strucure CashByTags. I guess that it is...

• Click Buttons
• Tag lists

Basic look stat

• Click Buttons:

  • View Tags
  • Add new tag

• Cash by tag lists:

  • For each have:
    • Circular icon,
    • Name of tag,
    • hidden the cash btn,
    • cash of tag

• Yarn
• Babel
• Webpack
• Typescript
• React
• Sass
• Favs plugins for webpack/babel

• Rename the word "Dashboard" to "Balance"

PS: Create when the component styles are to be created
These buttons will be modulated, calls types and other specs via React Props.

Todo

Sidebar button system:

• Default
• Inactive
• Selected
• Hover
• Arrow Show

Header Buttons:

• Copy
• Eye
• Account
• Search
• Apps Popups
• Profile

Cash by tags bar

• Tags

Balance container

• Opts buttons
• Opts buttons hovered
• Balance date button
• Balance updatedAt refresh Button
• Balance available button

Download container

• Play/Pause
• Cancel

Todo:

• Container
• Buttons with your systems(Exactly as is in Figma Prototype)
• Show more button action, but not render the sidebar container

• Use find to.

p.s : more careful on analise the prototype

Todo:

• When hover in the selected button, render a gradient purple background
• When hover in the default button, render a gradient lighter background

Possible solutions:

• Name each div in header

• Header in the front
• Sidebar after
• Tagsbar after
• Container after

If the user clicks many times on the handler??? Probably it renders toasts in the same place!

So, to fix this problem:

• Create a service that receives a request, the handle will send a string called "of" // "Número da " + { of } + "copiado!"
• When requested, it is pushed to an array. This array is "Actions"
• React? useState and useEffect will save your "Actions" system<3
• For each action, it will have an id (use 'uuid' or the index array) and the "of" string
• Test these checks above and continue this description.

Todo

• Container
• Text
• Arrow out of bubble
• Animation, if possible

Plan more on the 4th day of this spring

Special Header - Cash by tags:

• Click Buttons:
  • View Tags
  • Add new tag
• Cash by tag lists:
  • For each have:
    • Circular icon,
    • Name of tag,
    • CashButton
    • cash of tag

PS: Don't style those components yet

Expected:

• Create the structure of the header component, don't refactor things able to modularize yet.
• Do maybe it will have problems with style in the future?
• Don't create modals or select buttons yet, just make the structure start for now

Todo

• Title
• Option buttons(Create the type in component button and put in this container)

Balance Card

• Date balance button
• UpdatedAt/refresh button
• Balance div + show/hide button

Todo:

• Header: Profile Icon Stroke Color
• Header: Padding on text input

Todo

• Container
• Text

• Set the tag name and button container width to 100%
• Justify this content to "space between" mode instead of gap spacing

To be Expected:

• Create the Routes.tsx and put a Hello World message in a "/" page

When:

• In the second day of this sprint

• Use the -webkit-scroll to create a custom scroll based on prototype

Create the modals and popups components

• Copy popups
• Input Fiels modals and dropdowns

Todo

• Container System

• Left Attrs:

  • Account+Copy Button
  • Cash

• Right Attrs:

  • Search Input Field
  • Apps Buttons
  • Profile

To be expected:

• Create a page Dashboard in route "/"
• Returns a Hello World Message on this page.
• Plan the structure of Dashboard page in a file called "DashboardPageStructure.md" with all your components and how it links with the future styles.

When:

• In 2st day of this sprint

Todo

• Container
• Lists
• Options version
• Account dropdown version

Todo:

• Container
• Status text
• Status icon
• Separator
• Name of file text
• Play/Pause button
• Right side of container: Cancel Button