Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add headless infinite scroll component to @w3ui/react-uploads-list #144

Open
travis opened this issue Dec 6, 2022 · 1 comment
Open
Labels
dif/medium Prior experience is likely helpful good first issue Good for newcomers P3 Low: Not priority right now
Milestone

Comments

@travis
Copy link
Contributor

travis commented Dec 6, 2022

it would be nice to have a headless component that used reload and next from the UploadsListProvider to make it easy for developers to implement an infinite scrolling uploads list.

I think it would look something like:

function SimpleInfiniteScroll(){
  return (
    <UploadsList>
      <InfiniteScrollList/>
    </UploadsList>
  )
}
function Upload({dataCID, carCID, uploadedAt, uploaderDID}){
  return (
    <div>
      {dataCID} was uploaded at {uploadedAt}
    </div>
  )
}

function SimpleInfiniteScroll(){
  return (
    <UploadsList>
      <InfiniteScrollList itemComponent={Upload}/>
    </UploadsList>
  )
}
@travis travis added P3 Low: Not priority right now dif/medium Prior experience is likely helpful good first issue Good for newcomers labels Dec 6, 2022
@travis travis self-assigned this Dec 6, 2022
@travis
Copy link
Contributor Author

travis commented Dec 6, 2022

I've assigned this to myself but happy to have someone else take it, just ping me here to talk about it first.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dif/medium Prior experience is likely helpful good first issue Good for newcomers P3 Low: Not priority right now
Projects
None yet
Development

No branches or pull requests

2 participants