forked from Ivasoft/mattermost-mobile
d35eac8bd3
* Servers logout and websocket state * addNewServer uility and rename file * add LaunchType for add new server * added time to LaunchProps type * Remove unnecessary props for launchToHome * Fix local action updateLastPostAt * Batch fetchProfilesPerChannels requests in chunks of 50 * WS handleUserAddedToChannelEvent to return early if no channelId is set * WS handleNewPostEvent to batch update last_post_at * add common actions to sync other servers * Entry actions to sync other servers data * Do not attempt to fetch notification data if payload does not contain a channelId * Set database as default at the end of the login flow * Handle logout when other servers remain * Handle Server options * Show alert when logging out from the account screen * Add workaround to have Lottie animate the loading component * Fix badge position in ServerIcon component * Server screen to support adding new server * Fix login screen to display error when credentials do not match * add localization strings * fix DatabaseProvider to update on server switch * Fix home icon and server icon subscriptions and badge display * Add dependencies to onLogout callback * feedback * Only updateLastPostAt if needed
75 lines
2.4 KiB
TypeScript
75 lines
2.4 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import {Database} from '@nozbe/watermelondb';
|
|
import DatabaseProvider from '@nozbe/watermelondb/DatabaseProvider';
|
|
import React, {ComponentType, useEffect, useState} from 'react';
|
|
|
|
import ServerProvider from '@context/server';
|
|
import ThemeProvider from '@context/theme';
|
|
import UserLocaleProvider from '@context/user_locale';
|
|
import DatabaseManager from '@database/manager';
|
|
import {subscribeActiveServers} from '@database/subscription/servers';
|
|
|
|
import type ServersModel from '@typings/database/models/app/servers';
|
|
|
|
type State = {
|
|
database: Database;
|
|
serverUrl: string;
|
|
serverDisplayName: string;
|
|
};
|
|
|
|
export function withServerDatabase<T>(Component: ComponentType<T>): ComponentType<T> {
|
|
return function ServerDatabaseComponent(props) {
|
|
const [state, setState] = useState<State | undefined>();
|
|
|
|
const observer = (servers: ServersModel[]) => {
|
|
const server = servers?.length ? servers.reduce((a, b) =>
|
|
(b.lastActiveAt > a.lastActiveAt ? b : a),
|
|
) : undefined;
|
|
|
|
if (server) {
|
|
const database =
|
|
DatabaseManager.serverDatabases[server.url]?.database;
|
|
|
|
if (database) {
|
|
setState({
|
|
database,
|
|
serverUrl: server.url,
|
|
serverDisplayName: server.displayName,
|
|
});
|
|
}
|
|
} else {
|
|
setState(undefined);
|
|
}
|
|
};
|
|
|
|
useEffect(() => {
|
|
const subscription = subscribeActiveServers(observer);
|
|
|
|
return () => {
|
|
subscription?.unsubscribe();
|
|
};
|
|
}, []);
|
|
|
|
if (!state?.database) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<DatabaseProvider
|
|
database={state.database}
|
|
key={state.serverUrl}
|
|
>
|
|
<UserLocaleProvider database={state.database}>
|
|
<ServerProvider server={{displayName: state.serverDisplayName, url: state.serverUrl}}>
|
|
<ThemeProvider database={state.database}>
|
|
<Component {...props}/>
|
|
</ThemeProvider>
|
|
</ServerProvider>
|
|
</UserLocaleProvider>
|
|
</DatabaseProvider>
|
|
);
|
|
};
|
|
}
|