Adjust document titles

Squash commits of branch feature/show_title:

- Adjust document titles

Author: zT-1337

build.gradle

@@ -24,7 +24,7 @@ dependencies {
 }
 
 scmPlugin {
-  scmVersion = "3.3.0"
+  scmVersion = "3.7.0"
   displayName = "LDAP"
   description = "Authentication for SCM-Manager using LDAP"
   author = "Thorsten Ludewig"

gradle/changelog/show_title.yaml

@@ -0,0 +1,2 @@
+- type: added
+  description: Descriptive document titles

package.json

@@ -1,68 +1,69 @@
 {
-    "name": "@scm-manager/scm-ldap-plugin",
-    "private": true,
-    "version": "3.0.1-SNAPSHOT",
-    "license": "AGPL-3.0-only",
-    "main": "./src/main/js/index.ts",
-    "scripts": {
-        "build": "plugin-scripts build",
-        "watch": "plugin-scripts watch",
-        "postinstall": "plugin-scripts postinstall"
-    },
-    "dependencies": {
-        "@scm-manager/ui-components": "3.3.0",
-        "@scm-manager/ui-extensions": "3.3.0",
-        "@scm-manager/ui-plugins": "3.3.0",
-        "classnames": "^2.2.6",
-        "query-string": "6.14.1",
-        "react": "17",
-        "react-i18next": "11",
-        "react-redux": "^5.0.7",
-        "react-router-dom": "^5.3.1",
-        "redux": "^4.0.0",
-        "styled-components": "^5.3.5",
-        "react-dom": "17",
-        "react-router": "^5.3.1",
-        "@scm-manager/ui-api": "3.3.0",
-        "@scm-manager/ui-forms": "3.3.0",
-        "@scm-manager/ui-buttons": "3.3.0",
-        "@scm-manager/ui-overlays": "3.3.0",
-        "@scm-manager/ui-layout": "3.3.0",
-        "react-hook-form": "^7.5.1",
-        "react-query": "^3.25.1"
-    },
-    "babel": {
-        "presets": [
-            "@scm-manager/babel-preset"
-        ]
-    },
-    "jest": {
-        "preset": "@scm-manager/jest-preset"
-    },
-    "prettier": "@scm-manager/prettier-config",
-    "eslintConfig": {
-        "extends": "@scm-manager/eslint-config"
-    },
-    "devDependencies": {
-        "@scm-manager/babel-preset": "^2.13.1",
-        "@scm-manager/eslint-config": "^2.17.0",
-        "@scm-manager/jest-preset": "^2.13.0",
-        "@scm-manager/plugin-scripts": "^1.2.2",
-        "@scm-manager/prettier-config": "^2.10.1",
-        "@scm-manager/tsconfig": "^2.13.0",
-        "@scm-manager/ui-tests": "3.3.0",
-        "@scm-manager/ui-types": "3.3.0",
-        "@types/classnames": "^2.2.9",
-        "@types/enzyme": "^3.10.3",
-        "@types/fetch-mock": "^7.3.1",
-        "@types/i18next": "^13.0.0",
-        "@types/jest": "^24.0.19",
-        "@types/query-string": "5",
-        "@types/react": "^17.0.1",
-        "@types/react-redux": "5.0.7",
-        "@types/react-router-dom": "^5.3.3",
-        "@types/styled-components": "^5.1.25",
-        "jest": "^24.9.0",
-        "@scm-manager/ui-scripts": "^2.14.0"
-    }
+  "name": "@scm-manager/scm-ldap-plugin",
+  "private": true,
+  "version": "3.0.1-SNAPSHOT",
+  "license": "AGPL-3.0-only",
+  "main": "./src/main/js/index.ts",
+  "scripts": {
+    "build": "plugin-scripts build",
+    "watch": "plugin-scripts watch",
+    "postinstall": "plugin-scripts postinstall"
+  },
+  "dependencies": {
+    "@scm-manager/ui-components": "3.7.0",
+    "@scm-manager/ui-extensions": "3.7.0",
+    "@scm-manager/ui-plugins": "3.7.0",
+    "classnames": "^2.3.1",
+    "query-string": "6.14.1",
+    "react": "^17.0.1",
+    "react-i18next": "11",
+    "react-redux": "^5.0.7",
+    "react-router-dom": "^5.3.1",
+    "redux": "^4.0.0",
+    "styled-components": "^5.3.5",
+    "react-dom": "^17.0.1",
+    "react-router": "^5.3.1",
+    "@scm-manager/ui-api": "3.7.0",
+    "@scm-manager/ui-forms": "3.7.0",
+    "@scm-manager/ui-buttons": "3.7.0",
+    "@scm-manager/ui-overlays": "3.7.0",
+    "@scm-manager/ui-layout": "3.7.0",
+    "react-hook-form": "^7.33.1",
+    "react-query": "^3.39.2",
+    "@scm-manager/ui-core": "3.7.0"
+  },
+  "babel": {
+    "presets": [
+      "@scm-manager/babel-preset"
+    ]
+  },
+  "jest": {
+    "preset": "@scm-manager/jest-preset"
+  },
+  "prettier": "@scm-manager/prettier-config",
+  "eslintConfig": {
+    "extends": "@scm-manager/eslint-config"
+  },
+  "devDependencies": {
+    "@scm-manager/babel-preset": "^2.13.1",
+    "@scm-manager/eslint-config": "^2.17.0",
+    "@scm-manager/jest-preset": "^2.14.1",
+    "@scm-manager/plugin-scripts": "^1.6.1",
+    "@scm-manager/prettier-config": "^2.12.0",
+    "@scm-manager/tsconfig": "^2.13.0",
+    "@scm-manager/ui-tests": "3.7.0",
+    "@scm-manager/ui-types": "3.7.0",
+    "@types/classnames": "^2.3.1",
+    "@types/enzyme": "^3.10.18",
+    "@types/fetch-mock": "^7.3.1",
+    "@types/i18next": "^13.0.0",
+    "@types/jest": "^26.0.24",
+    "@types/query-string": "5",
+    "@types/react": "^17.0.1",
+    "@types/react-redux": "5.0.7",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/styled-components": "^5.1.25",
+    "jest": "^26.6.3",
+    "@scm-manager/ui-scripts": "^2.14.0"
+  }
 }

src/main/js/LdapConfiguration.tsx

@@ -14,25 +14,26 @@
  * along with this program. If not, see https://www.gnu.org/licenses/.
  */
 
-import React from "react";
+import React, {FC} from "react";
 import { Title, Configuration } from "@scm-manager/ui-components";
 import LdapConfigurationForm from "./LdapConfigurationForm";
-import { withTranslation, WithTranslation } from "react-i18next";
+import { useTranslation } from "react-i18next";
+import { useDocumentTitle } from "@scm-manager/ui-core";
 
-type Props = WithTranslation & {
+type Props = {
   link: string;
 };
 
-class LdapConfiguration extends React.Component<Props> {
-  render(): React.ReactNode {
-    const { t, link } = this.props;
-    return (
-      <>
-        <Title title={t("scm-ldap-plugin.form.header")} />
-        <Configuration link={link} t={t} render={props => <LdapConfigurationForm {...props} />} />
-      </>
-    );
-  }
-}
+const LdapConfiguration: FC<Props> = ({ link }) => {
+  const [t] = useTranslation("plugins");
+  useDocumentTitle(t("scm-ldap-plugin.nav-link"));
 
-export default withTranslation("plugins")(LdapConfiguration);
+  return (
+    <>
+      <Title title={t("scm-ldap-plugin.form.header")} />
+      <Configuration link={link} render={props => <LdapConfigurationForm {...props} />} />
+    </>
+  );
+};
+
+export default LdapConfiguration;