Skip to content

docs: Channel delete blank screen troubleshooting docs [CRNS - 472] #1120

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.

Sign up for GitHub

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

Merged
vishalnarkhede merged 5 commits into from
Feb 17, 2022
Merged

docs: Channel delete blank screen troubleshooting docs [CRNS - 472] #1120

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
d0da296
docs: channel delete blank screen troubleshooting docs
khushal87 Jan 31, 2022
d65207e
docs: improve channel delete troubleshooting docs
khushal87 Feb 1, 2022
0967fcf
fix: lint issues in docs
khushal87 Feb 1, 2022
720da1a
docs: improving description
vishalnarkhede Feb 17, 2022
8d0eda6
docs: fixing lint issues
vishalnarkhede Feb 17, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 12 additions & 1 deletion docusaurus/docs/reactnative/basics/troubleshooting.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -246,6 +246,17 @@ dependencies {
}
```

## Blank screen when channel gets delete

When a channel is deleted, and if some user is active on that channel, a blank screen appears by default (as per the default logic) as we return `null` in this case. It might be confusing for end user to see a blank screen and appropriate UX would be to navigate back to channel list screen. You can implement such UX by listening to `channel.deleted` event on channel screen, and navigate to channel list screen with appropriate notification on app.

````tsx
client.on('channel.deleted', (event) => {
if (event.cid === channel.cid) {
// add your action here
}
}),

## Touchables not working

If you are having trouble with pressing, swiping, or otherwise interacting with components it is likely the result of [React Native Gesture Handler](https://docs.swmansion.com/react-native-gesture-handler/docs/) not being properly setup.
Expand All @@ -255,7 +266,7 @@ This includes ensuring you import `react-native-gesture-handler` at the top of y

```tsx
import 'react-native-gesture-handler';
```
````

And for Android you additionally need to update `MainActivity.java` to override the method for creating the `ReactRootView`.

Expand Down