Skip to content
This repository has been archived by the owner on Jun 18, 2020. It is now read-only.

implement ResultsPanel #11

Closed
FrancescoCioria opened this issue Jan 22, 2016 · 0 comments
Closed

implement ResultsPanel #11

FrancescoCioria opened this issue Jan 22, 2016 · 0 comments
Assignees

Comments

@FrancescoCioria
Copy link
Collaborator

<- #7

requirements

  • fill all available space (constraints should be already defined on its parent with main layout structure #8 )
  • may scroll internally
    • in this case we want to show an arrow on the bottom right of the panel
      • onClick should scroll programmatically to top with easing (:P)
  • should receive its values as prop
    • if undefined
      • placeholder (user hasn't searched anything yet)
    • if values is an empty array
      • placeholder (no results)
    • if values is a valid array
      • show results (for now implement a mocked basic version of the ResultRow)

specs

you may consider using Panel (https://github.com/buildo/react-components/tree/master/src/Panel)
and ScrollView (https://github.com/buildo/react-components/tree/master/src/scroll)

mockups

initial state
image

no result
image

results
image

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants