@scm-manager/ui-components 2.30.2-20220102-142809 → 2.30.2-20220102-154612

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scm-manager/ui-components",
-  "version": "2.30.2-20220102-142809",
+  "version": "2.30.2-20220102-154612",
   "description": "UI Components for SCM-Manager and its plugins",
   "main": "src/index.ts",
   "files": [
@@ -25,7 +25,7 @@
     "@scm-manager/jest-preset": "^2.13.0",
     "@scm-manager/prettier-config": "^2.10.1",
     "@scm-manager/tsconfig": "^2.12.0",
-    "@scm-manager/ui-tests": "^2.30.2-20220102-142809",
+    "@scm-manager/ui-tests": "^2.30.2-20220102-154612",
     "@storybook/addon-actions": "^6.3.12",
     "@storybook/addon-storyshots": "^6.3.12",
     "@storybook/builder-webpack5": "^6.3.12",
@@ -66,9 +66,9 @@
   },
   "dependencies": {
     "@headlessui/react": "^1.4.3",
-    "@scm-manager/ui-api": "^2.30.2-20220102-142809",
-    "@scm-manager/ui-extensions": "^2.30.2-20220102-142809",
-    "@scm-manager/ui-types": "^2.30.2-20220102-142809",
+    "@scm-manager/ui-api": "^2.30.2-20220102-154612",
+    "@scm-manager/ui-extensions": "^2.30.2-20220102-154612",
+    "@scm-manager/ui-types": "^2.30.2-20220102-154612",
     "classnames": "^2.2.6",
     "date-fns": "^2.4.1",
     "deepmerge": "^4.2.2",

package/src/repos/changesets/ChangesetButtonGroup.tsx

@@ -21,29 +21,28 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React from "react";
-import { Changeset, Repository } from "@scm-manager/ui-types";
-import { ButtonAddons, Button } from "../../buttons";
+import React, { FC } from "react";
+import { Changeset, File, Repository } from "@scm-manager/ui-types";
+import { Button, ButtonAddons } from "../../buttons";
 import { createChangesetLink, createSourcesLink } from "./changesets";
-import { WithTranslation, withTranslation } from "react-i18next";
+import { useTranslation } from "react-i18next";
 
-type Props = WithTranslation & {
+type Props = {
   repository: Repository;
   changeset: Changeset;
+  file?: File;
 };
 
-class ChangesetButtonGroup extends React.Component<Props> {
-  render() {
-    const { repository, changeset, t } = this.props;
-    const changesetLink = createChangesetLink(repository, changeset);
-    const sourcesLink = createSourcesLink(repository, changeset);
-    return (
-      <ButtonAddons className="m-0">
-        <Button link={changesetLink} icon="exchange-alt" label={t("changeset.buttons.details")} reducedMobile={true} />
-        <Button link={sourcesLink} icon="code" label={t("changeset.buttons.sources")} reducedMobile={true} />
-      </ButtonAddons>
-    );
-  }
-}
+const ChangesetButtonGroup: FC<Props> = ({ repository, changeset, file }) => {
+  const [t] = useTranslation("repos");
+  const changesetLink = createChangesetLink(repository, changeset);
+  const sourcesLink = createSourcesLink(repository, changeset, file);
+  return (
+    <ButtonAddons className="m-0">
+      <Button link={changesetLink} icon="exchange-alt" label={t("changeset.buttons.details")} reducedMobile={true} />
+      <Button link={sourcesLink} icon="code" label={t("changeset.buttons.sources")} reducedMobile={true} />
+    </ButtonAddons>
+  );
+};
 
-export default withTranslation("repos")(ChangesetButtonGroup);
+export default ChangesetButtonGroup;

package/src/repos/changesets/ChangesetList.tsx

@@ -22,23 +22,20 @@
  * SOFTWARE.
  */
 import ChangesetRow from "./ChangesetRow";
-import React from "react";
-
-import { Changeset, Repository } from "@scm-manager/ui-types";
+import React, { FC } from "react";
+import { Changeset, File, Repository } from "@scm-manager/ui-types";
 
 type Props = {
   repository: Repository;
   changesets: Changeset[];
+  file?: File;
 };
 
-class ChangesetList extends React.Component<Props> {
-  render() {
-    const { repository, changesets } = this.props;
-    const content = changesets.map((changeset) => {
-      return <ChangesetRow key={changeset.id} repository={repository} changeset={changeset} />;
-    });
-    return <>{content}</>;
-  }
-}
+const ChangesetList: FC<Props> = ({ repository, changesets, file }) => {
+  const content = changesets.map(changeset => {
+    return <ChangesetRow key={changeset.id} repository={repository} changeset={changeset} file={file} />;
+  });
+  return <>{content}</>;
+};
 
 export default ChangesetList;

package/src/repos/changesets/ChangesetRow.tsx

@@ -25,13 +25,14 @@ import React, { FC } from "react";
 import classNames from "classnames";
 import styled from "styled-components";
 import { ExtensionPoint } from "@scm-manager/ui-extensions";
-import { Changeset, Repository } from "@scm-manager/ui-types";
+import { Changeset, File, Repository } from "@scm-manager/ui-types";
 import ChangesetButtonGroup from "./ChangesetButtonGroup";
 import SingleChangeset from "./SingleChangeset";
 
 type Props = {
   repository: Repository;
   changeset: Changeset;
+  file?: File;
 };
 
 const Wrapper = styled.div`
@@ -44,7 +45,7 @@ const Wrapper = styled.div`
   }
 `;
 
-const ChangesetRow: FC<Props> = ({ repository, changeset }) => {
+const ChangesetRow: FC<Props> = ({ repository, changeset, file }) => {
   return (
     <Wrapper>
       <div className={classNames("columns", "is-gapless", "is-mobile")}>
@@ -52,12 +53,12 @@ const ChangesetRow: FC<Props> = ({ repository, changeset }) => {
           <SingleChangeset repository={repository} changeset={changeset} />
         </div>
         <div className={classNames("column", "is-flex", "is-justify-content-flex-end", "is-align-items-center")}>
-          <ChangesetButtonGroup repository={repository} changeset={changeset} />
+          <ChangesetButtonGroup repository={repository} changeset={changeset} file={file} />
           <ExtensionPoint
             name="changeset.right"
             props={{
               repository,
-              changeset,
+              changeset
             }}
             renderAll={true}
           />

package/src/repos/changesets/changesets.ts

@@ -22,7 +22,7 @@
  * SOFTWARE.
  */
 
-import { Changeset, Repository } from "@scm-manager/ui-types";
+import { Changeset, File, Repository } from "@scm-manager/ui-types";
 
 export type Description = {
   title: string;
@@ -33,8 +33,13 @@ export function createChangesetLink(repository: Repository, changeset: Changeset
   return `/repo/${repository.namespace}/${repository.name}/code/changeset/${changeset.id}`;
 }
 
-export function createSourcesLink(repository: Repository, changeset: Changeset) {
-  return `/repo/${repository.namespace}/${repository.name}/code/sources/${changeset.id}`;
+export function createSourcesLink(repository: Repository, changeset: Changeset, file?: File) {
+  let url = `/repo/${repository.namespace}/${repository.name}/code/sources/${changeset.id}`;
+
+  if (file) {
+    url += `/${encodeURIComponent(file.path)}/`;
+  }
+  return url;
 }
 
 export function parseDescription(description?: string): Description {
@@ -53,6 +58,6 @@ export function parseDescription(description?: string): Description {
 
   return {
     title,
-    message,
+    message
   };
 }