IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

MM-47275 : Migrate 'header_footer_template_route.jsx' to TypeScript (#23791)

Browse Source 
* header_footer_template_route.jsx to tsx

* extended Props to RouteProps

* removed Component checks

* changed "ComponentType<RouteComponentProps>" to "ComponentType<any>"

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
This commit is contained in:
notlelouch 2023-07-07 02:11:01 +05:30 committed by GitHub
parent 82b3b67e63
commit c59c2eafe3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
webapp/channels/src/components/header_footer_template_route.jsx → webapp/channels/src/components/header_footer_template_route.tsx
View File

@ -1,13 +1,17 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information. // See LICENSE.txt for license information.
import React from 'react'; import React, {ComponentType} from 'react';
import {Route} from 'react-router-dom'; import {Route, RouteProps} from 'react-router-dom';
const HeaderFooterTemplate = React.lazy(() => import('components/header_footer_template')); const HeaderFooterTemplate = React.lazy(() => import('components/header_footer_template'));
const LoggedIn = React.lazy(() => import('components/logged_in')); const LoggedIn = React.lazy(() => import('components/logged_in'));
export const HFTRoute = ({component: Component, ...rest}) => ( interface Props extends RouteProps {
component: ComponentType<any>;
}
export const HFTRoute = ({component: Component, ...rest}: Props) => (
<Route <Route
{...rest} {...rest}
render={(props) => ( render={(props) => (
@ -20,7 +24,7 @@ export const HFTRoute = ({component: Component, ...rest}) => (
/> />
); );
export const LoggedInHFTRoute = ({component: Component, ...rest}) => ( export const LoggedInHFTRoute = ({component: Component, ...rest}: Props) => (
<Route <Route
{...rest} {...rest}
render={(props) => ( render={(props) => (