SW/mattermost-mobile
2
0
Fork 0
forked from Ivasoft/mattermost-mobile
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Gekidou] Fix initial Channel list width on iPad (#6164)

Browse Source 
* Fix initial Channel list width on iPad

* feedback review
This commit is contained in:
Elias Nahum
2022-04-12 09:07:55 -04:00
committed by GitHub
parent 2b3d84ee61
commit 57e3334507
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/components/channel_list/index.tsx
View File

@@ -34,10 +34,21 @@ type ChannelListProps = {
teamsCount: number;
}
const getTabletWidth = (teamsCount: number) => {
return TABLET_SIDEBAR_WIDTH - (teamsCount > 1 ? TEAM_SIDEBAR_WIDTH : 0);
};
const ChannelList = ({channelsCount, currentTeamId, iconPad, isTablet, teamsCount}: ChannelListProps) => {
const theme = useTheme();
const styles = getStyleSheet(theme);
const tabletWidth = useSharedValue(TABLET_SIDEBAR_WIDTH);
const tabletWidth = useSharedValue(isTablet ? getTabletWidth(teamsCount) : 0);
useEffect(() => {
if (isTablet) {
tabletWidth.value = getTabletWidth(teamsCount);
}
}, [isTablet && teamsCount]);
const tabletStyle = useAnimatedStyle(() => {
if (!isTablet) {
return {
@@ -48,12 +59,6 @@ const ChannelList = ({channelsCount, currentTeamId, iconPad, isTablet, teamsCoun
return {maxWidth: withTiming(tabletWidth.value, {duration: 350})};
}, [isTablet]);
useEffect(() => {
if (isTablet) {
tabletWidth.value = TABLET_SIDEBAR_WIDTH - (teamsCount > 1 ? TEAM_SIDEBAR_WIDTH : 0);
}
}, [isTablet, teamsCount]);
let content;
if (!currentTeamId) {