Skip to content

Polish UI and clean up code #22

@otech47

Description

@otech47

Leaving a checklist here to take care of when we are closer to a stable release. These should only be minor tasks of low priority

Code Cleanup

  • Ensure all instances of var x = require('npm-package') are refactored to ECMA standards as import x from 'npm-package'
  • Ensure all program structure elements including imported variables, functions, and reducer-action types are logically grouped and alphabetized for better readability
  • Remove any unnecessary function call indents (ex: const startOfWeek = moment().startOf('isoWeek') can stay on a single line since it doesn't wrap on most screen sizes
  • Address Close Issue #8 and #12 #15 (comment)

UI Polish

  • Fix alignment for Setblocks scheduled within the same day and make sure the setblock dots (on both the sidebar and the main page are perfect squares instead of rectangles
    screen shot 2019-01-02 at 8 23 06 pm

  • Fix alignment on the empty state UI "This user hasn't committed..."
    screen shot 2019-01-02 at 8 21 45 pm

  • Remove "Set Team" component from Team Page and add a simple "Team" header

  • On the TeamPage, make sure the color bubbles are vertically center-aligned

  • On the TeamPage, make sure the team member names are vertically left-aligned

  • On the TeamPage, remove the filter/sliders icon on the right

  • On the Schedule Page, change "Hours Counter: X" text to "X work hours scheduled"

  • On the SideBar, the small setblocks should be vertically left/center-aligned

  • Change What issues are you going to work on? to `What are you going to work on?

  • When rendering half-setblocks that have been scheduled, the times should show which half is scheduled. So when a half-block is scheduled for 12am - 4am, the user should see either 12am - 2am or 2am - 4am

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions