Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2026-05-07 12:17:00 +02:00
Code Issues Packages Projects Releases Activity

Improve headings structure (#1883)

Browse Source 
The content of the SCM-Manager should be made accessible and usable in a sensibly structured way so that web content is easy to use for ever user.
This commit is contained in:
Florian Scholdei
2021-12-02 08:45:50 +01:00
committed by GitHub
parent 9cc134f5a8
commit 7f807a8e0f
26 changed files with 448 additions and 386 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
scm-plugins/scm-git-plugin/src/main/js/CloneInformation.tsx
View File

@@ -24,7 +24,7 @@
import React, { FC } from "react";
import { useTranslation } from "react-i18next";
import { Repository } from "@scm-manager/ui-types";
import { ErrorNotification, Loading } from "@scm-manager/ui-components";
import { SubSubtitle, ErrorNotification, Loading } from "@scm-manager/ui-components";
import { useChangesets, useDefaultBranch } from "@scm-manager/ui-api";
type Props = {
@@ -34,16 +34,12 @@ type Props = {
const CloneInformation: FC<Props> = ({ url, repository }) => {
const [t] = useTranslation("plugins");
const {
data: changesets,
error: changesetsError,
isLoading: changesetsLoading,
} = useChangesets(repository, { limit: 1 });
const {
data: defaultBranchData,
isLoading: defaultBranchLoading,
error: defaultBranchError,
} = useDefaultBranch(repository);
const { data: changesets, error: changesetsError, isLoading: changesetsLoading } = useChangesets(repository, {
limit: 1
});
const { data: defaultBranchData, isLoading: defaultBranchLoading, error: defaultBranchError } = useDefaultBranch(
repository
);
if (changesetsLoading || defaultBranchLoading) {
return <Loading />;
@@ -56,7 +52,7 @@ const CloneInformation: FC<Props> = ({ url, repository }) => {
return (
<div className="content">
<ErrorNotification error={error} />
<h4>{t("scm-git-plugin.information.clone")}</h4>
<SubSubtitle>{t("scm-git-plugin.information.clone")}</SubSubtitle>
<pre>
<code>
git clone {url}
@@ -72,7 +68,7 @@ const CloneInformation: FC<Props> = ({ url, repository }) => {
</pre>
{emptyRepository && (
<>
<h4>{t("scm-git-plugin.information.create")}</h4>
<SubSubtitle>{t("scm-git-plugin.information.create")}</SubSubtitle>
<pre>
<code>
git init {repository.name}
@@ -96,7 +92,7 @@ const CloneInformation: FC<Props> = ({ url, repository }) => {
</pre>
</>
)}
<h4>{t("scm-git-plugin.information.replace")}</h4>
<SubSubtitle>{t("scm-git-plugin.information.replace")}</SubSubtitle>
<pre>
<code>
git remote add origin {url}

5
scm-plugins/scm-git-plugin/src/main/js/GitBranchInformation.tsx
View File

@@ -24,6 +24,7 @@
import React from "react";
import { WithTranslation, withTranslation } from "react-i18next";
import { Branch } from "@scm-manager/ui-types";
import { SubSubtitle } from "@scm-manager/ui-components";
type Props = WithTranslation & {
branch: Branch;
@@ -35,11 +36,11 @@ class GitBranchInformation extends React.Component<Props> {
return (
<div>
<h4>{t("scm-git-plugin.information.fetch")}</h4>
<SubSubtitle>{t("scm-git-plugin.information.fetch")}</SubSubtitle>
<pre>
<code>git fetch</code>
</pre>
<h4>{t("scm-git-plugin.information.checkout")}</h4>
<SubSubtitle>{t("scm-git-plugin.information.checkout")}</SubSubtitle>
<pre>
<code>git checkout {branch.name}</code>
</pre>

4
scm-plugins/scm-git-plugin/src/main/js/GitMergeInformation.tsx
View File

@@ -21,9 +21,11 @@
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/
import React from "react";
import { WithTranslation, withTranslation } from "react-i18next";
import { Repository } from "@scm-manager/ui-types";
import { SubSubtitle } from "@scm-manager/ui-components";
type Props = WithTranslation & {
repository: Repository;
@@ -37,7 +39,7 @@ class GitMergeInformation extends React.Component<Props> {
return (
<div>
<h4>{t("scm-git-plugin.information.merge.heading")}</h4>
<SubSubtitle>{t("scm-git-plugin.information.merge.heading")}</SubSubtitle>
{t("scm-git-plugin.information.merge.checkout")}
<pre>
<code>git checkout {target}</code>

5
scm-plugins/scm-git-plugin/src/main/js/GitTagInformation.tsx
View File

@@ -23,8 +23,9 @@
*/
import React, { FC } from "react";
import { Tag } from "@scm-manager/ui-types";
import { useTranslation } from "react-i18next";
import { Tag } from "@scm-manager/ui-types";
import { SubSubtitle } from "@scm-manager/ui-components";
type Props = {
tag: Tag;
@@ -35,7 +36,7 @@ const GitTagInformation: FC<Props> = ({ tag }) => {
return (
<>
<h4>{t("scm-git-plugin.information.checkoutTag")}</h4>
<SubSubtitle>{t("scm-git-plugin.information.checkoutTag")}</SubSubtitle>
<pre>
<code>
git checkout tags/{tag.name} -b branch/{tag.name}