Spectrum: [Mobile v1] Thread feeds

[mxstbr]

• [x] Feature request

Splitting up #1803 into multiple sub-issues to track against

Once you're signed into Spectrum on mobile you should see your everything thread feed, and all the community and channels views will also mostly just show thread feeds, so we need to have some reusable thread components.

• [x] Thread card
  
  
  
  • [x] Basic implementation (done by @ArturKlajnerok)
  
  
  • [x] Make sure all possible states are covered
  
  
  • [x] Fix padding and colors (@brianlovin)
  
  
  • [x] Overlay participant heads on top of each other (like we do on the website!)
  
  
• [x] Subscribe to new threads
• [x] Pull to refresh
• [x] Infinite scrolling thread feed (#2333)

[mxstbr]

The ThreadCard kind of exists now, but it's not very nice and it's missing a ton of information:

Click to see old screenshot

PRs improving the styling and aligning the information presented with the web version would be much appreciated! :pray:

[ArturKlajnerok]

Hi @mxstbr, I can take a look at this one.

[mxstbr]

Thanks to @ArturKlajnerok in #2869 we're much closer already! 😍😍😍

Remaining todos:

• [ ] Make sure all possible states are covered
• [ ] Fix padding and colors (@brianlovin)
• [ ] Overlay participant heads on top of each other (like we do on the website)

[TheMightyPenguin]

Hey @mxstbr 😄 ! Has someone taken the overlay participant heads task? I'd like to give it a go!

[mxstbr]

@TheMightyPenguin not yet, please do pick it up! :pray:

[TheMightyPenguin]

@mxstbr Great 😃 I'll start working on it then

[TheMightyPenguin]

Hi there @mxstbr! I just got into this (sorry for the delay, haven't had much time lately), currently running the app in an iOS emulator (running expo, api, and iOS emulator), and even tho I've seeded the database and can see the threads in the Web app, I get this in the mobile app:

Click to see screenshot

Is there any extra step I'm missing here to get it working? The problem seens to be in ThreadFeed.js and threadConnection being null, when I change tabs I can see the api generating logs tho

Thanks in advance!

[mxstbr]

@TheMightyPenguin that's very weird 🤔 If you open the web app does it show any threads on your home view?

[ryota-murakami]

@mxstbr hello! i'm interested Make sure all possible states are covered task, could i take this?(i don't know all possible states though:sweat_smile:)

[mxstbr]

@ryota-murakami yeah that'd be great! I'm not sure if all of them are covered right now, ideally you take a look at the threadFeedCard component in the web version (src/components/threadFeedCard I think) and make sure all the states we render there are also covered in the mobile version.

[TheMightyPenguin]

Hey @mxstbr Yes I can see threads on my home view, I got it working tho by doing the following on the web app:

1. Create a community
2. Create a thread on that community

Then once I started the mobile app again I was able to see the threads :+1:
I'll start working on overlaying those heads 😄

_NOTE_: I had to clean iOS simulator cache with xcrun simctl erase all

[ryota-murakami]

@mxstbr i see, i'll compare it!

[mxstbr]

This is pretty much done apart from #3150 which will land soon, so I'll close this!

[ryota-murakami]

thanks, I'd like to help mobile ship followed by desktop🙌📱