56 lines
1.4 KiB
TypeScript
56 lines
1.4 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React, {createContext} from 'react';
|
|
|
|
type WithServerUrlProps = {
|
|
serverUrl: string;
|
|
}
|
|
|
|
type GetProps<C> = C extends React.ComponentType<infer P & WithServerUrlProps> ? P : never
|
|
|
|
type ServerContextType = {
|
|
displayName: string;
|
|
url: string;
|
|
}
|
|
|
|
type Props = {
|
|
server: ServerContextType;
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
const ServerContext = createContext<ServerContextType>({displayName: '', url: ''});
|
|
const {Provider, Consumer} = ServerContext;
|
|
|
|
function ServerUrlProvider({server, children}: Props) {
|
|
return (
|
|
<Provider value={server}>{children}</Provider>
|
|
);
|
|
}
|
|
|
|
export function withServerUrl<C extends React.ComponentType<P>, P = GetProps<C>>(Component: C) {
|
|
return function ServerUrlComponent(props: React.JSX.LibraryManagedAttributes<C, P>) {
|
|
return (
|
|
<Consumer>
|
|
{(server: ServerContextType) => (
|
|
<Component
|
|
{...props}
|
|
serverUrl={server.url}
|
|
/>
|
|
)}
|
|
</Consumer>
|
|
);
|
|
};
|
|
}
|
|
|
|
export function useServerDisplayName(): string {
|
|
const server = React.useContext(ServerContext);
|
|
return server.displayName;
|
|
}
|
|
|
|
export function useServerUrl(): string {
|
|
const server = React.useContext(ServerContext);
|
|
return server.url;
|
|
}
|
|
|
|
export default ServerUrlProvider;
|