4c8594d330
* Add linter rules for import order and type member delimiters * Remove unneeded group * Group all app/* imports before the internal imports * Move app/ imports before parent imports * Separate @node_modules imports into a different group * Substitute app paths by aliases * Fix @node_modules import order and add test related modules * Add aliases for types and test, and group import types
47 lines
1.5 KiB
TypeScript
47 lines
1.5 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import AsyncStorage from '@react-native-community/async-storage';
|
|
|
|
import {useEffect, useState} from 'react';
|
|
import {useWindowDimensions} from 'react-native';
|
|
|
|
import {DeviceTypes} from '@constants';
|
|
import mattermostManaged from '@mattermost-managed';
|
|
import EventEmitter from '@mm-redux/utils/event_emitter';
|
|
|
|
export function usePermanentSidebar() {
|
|
const [permanentSidebar, setPermanentSidebar] = useState(DeviceTypes.IS_TABLET);
|
|
|
|
useEffect(() => {
|
|
const handlePermanentSidebar = async () => {
|
|
if (DeviceTypes.IS_TABLET && this.mounted) {
|
|
const enabled = await AsyncStorage.getItem(DeviceTypes.PERMANENT_SIDEBAR_SETTINGS);
|
|
setPermanentSidebar(enabled === 'true');
|
|
}
|
|
};
|
|
|
|
handlePermanentSidebar();
|
|
|
|
EventEmitter.on(DeviceTypes.PERMANENT_SIDEBAR_SETTINGS, handlePermanentSidebar);
|
|
|
|
return () => {
|
|
EventEmitter.off(DeviceTypes.PERMANENT_SIDEBAR_SETTINGS, handlePermanentSidebar);
|
|
};
|
|
}, []);
|
|
|
|
return permanentSidebar;
|
|
}
|
|
|
|
export function useSplitView() {
|
|
const [isSplitView, setIsSplitView] = useState(false);
|
|
useWindowDimensions();
|
|
|
|
if (DeviceTypes.IS_TABLET) {
|
|
mattermostManaged.isRunningInSplitView().then((result: any) => {
|
|
setIsSplitView(Boolean(result.isSplitView));
|
|
});
|
|
}
|
|
|
|
return isSplitView;
|
|
}
|