mirror of
https://github.com/scm-manager/scm-manager.git
synced 2025-11-12 00:15:44 +01:00
migrate ui-components from flow to typescript
This commit is contained in:
@@ -1,16 +1,18 @@
|
||||
import React from 'react';
|
||||
import { translate } from 'react-i18next';
|
||||
import PrimaryNavigationLink from './PrimaryNavigationLink';
|
||||
import { Links } from '@scm-manager/ui-types';
|
||||
import { binder, ExtensionPoint } from '@scm-manager/ui-extensions';
|
||||
import React, {ReactNode} from "react";
|
||||
import { translate } from "react-i18next";
|
||||
import PrimaryNavigationLink from "./PrimaryNavigationLink";
|
||||
import { Links } from "@scm-manager/ui-types";
|
||||
import { binder, ExtensionPoint } from "@scm-manager/ui-extensions";
|
||||
|
||||
type Props = {
|
||||
t: (p: string) => string;
|
||||
links: Links;
|
||||
};
|
||||
|
||||
type Appender = (to: string, match: string, label: string, linkName: string) => void;
|
||||
|
||||
class PrimaryNavigation extends React.Component<Props> {
|
||||
createNavigationAppender = navigationItems => {
|
||||
createNavigationAppender = (navigationItems: ReactNode[]): Appender => {
|
||||
const { t, links } = this.props;
|
||||
|
||||
return (to: string, match: string, label: string, linkName: string) => {
|
||||
@@ -29,60 +31,60 @@ class PrimaryNavigation extends React.Component<Props> {
|
||||
};
|
||||
};
|
||||
|
||||
appendLogout = (navigationItems, append) => {
|
||||
appendLogout = (navigationItems: ReactNode[], append: Appender) => {
|
||||
const { t, links } = this.props;
|
||||
|
||||
const props = {
|
||||
links,
|
||||
label: t('primary-navigation.logout'),
|
||||
label: t("primary-navigation.logout")
|
||||
};
|
||||
|
||||
if (binder.hasExtension('primary-navigation.logout', props)) {
|
||||
if (binder.hasExtension("primary-navigation.logout", props)) {
|
||||
navigationItems.push(
|
||||
<ExtensionPoint
|
||||
key="primary-navigation.logout"
|
||||
name="primary-navigation.logout"
|
||||
props={props}
|
||||
/>,
|
||||
/>
|
||||
);
|
||||
} else {
|
||||
append('/logout', '/logout', 'primary-navigation.logout', 'logout');
|
||||
append("/logout", "/logout", "primary-navigation.logout", "logout");
|
||||
}
|
||||
};
|
||||
|
||||
createNavigationItems = () => {
|
||||
const navigationItems = [];
|
||||
const navigationItems: ReactNode[] = [];
|
||||
const { t, links } = this.props;
|
||||
|
||||
const props = {
|
||||
links,
|
||||
label: t('primary-navigation.first-menu'),
|
||||
label: t("primary-navigation.first-menu")
|
||||
};
|
||||
|
||||
const append = this.createNavigationAppender(navigationItems);
|
||||
if (binder.hasExtension('primary-navigation.first-menu', props)) {
|
||||
if (binder.hasExtension("primary-navigation.first-menu", props)) {
|
||||
navigationItems.push(
|
||||
<ExtensionPoint
|
||||
key="primary-navigation.first-menu"
|
||||
name="primary-navigation.first-menu"
|
||||
props={props}
|
||||
/>,
|
||||
/>
|
||||
);
|
||||
}
|
||||
append(
|
||||
'/repos/',
|
||||
'/(repo|repos)',
|
||||
'primary-navigation.repositories',
|
||||
'repositories',
|
||||
"/repos/",
|
||||
"/(repo|repos)",
|
||||
"primary-navigation.repositories",
|
||||
"repositories"
|
||||
);
|
||||
append('/users/', '/(user|users)', 'primary-navigation.users', 'users');
|
||||
append("/users/", "/(user|users)", "primary-navigation.users", "users");
|
||||
append(
|
||||
'/groups/',
|
||||
'/(group|groups)',
|
||||
'primary-navigation.groups',
|
||||
'groups',
|
||||
"/groups/",
|
||||
"/(group|groups)",
|
||||
"primary-navigation.groups",
|
||||
"groups"
|
||||
);
|
||||
append('/admin', '/admin', 'primary-navigation.admin', 'config');
|
||||
append("/admin", "/admin", "primary-navigation.admin", "config");
|
||||
|
||||
navigationItems.push(
|
||||
<ExtensionPoint
|
||||
@@ -90,9 +92,9 @@ class PrimaryNavigation extends React.Component<Props> {
|
||||
name="primary-navigation"
|
||||
renderAll={true}
|
||||
props={{
|
||||
links: this.props.links,
|
||||
links: this.props.links
|
||||
}}
|
||||
/>,
|
||||
/>
|
||||
);
|
||||
|
||||
this.appendLogout(navigationItems, append);
|
||||
@@ -111,4 +113,4 @@ class PrimaryNavigation extends React.Component<Props> {
|
||||
}
|
||||
}
|
||||
|
||||
export default translate('commons')(PrimaryNavigation);
|
||||
export default translate("commons")(PrimaryNavigation);
|
||||
|
||||
Reference in New Issue
Block a user