dropdown for changesetdetails

Pushed-by: Viktor Egorov<viktor.egorov-extern@cloudogu.com>
Co-authored-by: Viktor<viktor.egorov@triology.de>

scm-ui/ui-webapp/public/locales/de/repos.json

@@ -264,6 +264,10 @@
     "branchSelectorLabel": "Branches",
     "collapseDiffs": "Auf-/Zuklappen",
     "ignoreWhitespace": "Whitespace-Änderungen ignorieren",
+    "checkBoxHeadingWhitespaces": "Umgang mit Leerzeichen",
+    "checkBoxHeadingOtherSettings": "Weitere Einstellungen",
+    "checkBoxCollapseOption": "Alle Diffs einklappen",
+    "checkBoxHideWhitespaceChanges": "Ignoriere Diffs die nur Whitespace Änderungen enthalten",
     "activateWhitespace": "Whitespace-Änderungen einblenden",
     "moreDiffsAvailable": "Es sind weitere Diffs verfügbar",
     "loadMore": "Weitere laden"

scm-ui/ui-webapp/public/locales/en/repos.json

@@ -264,6 +264,10 @@
     "branchSelectorLabel": "Branches",
     "collapseDiffs": "Collapse",
     "ignoreWhitespace": "Ignore whitespaces changes",
+    "checkBoxHeadingWhitespaces": "Whitespace Settings",
+    "checkBoxHeadingOtherSettings": "Other Settings",
+    "checkBoxCollapseOption": "Collapse all Diffs",
+    "checkBoxHideWhitespaceChanges": "Hide Diffs which only contain whitespace changes",
     "activateWhitespace": "Show whitespaces changes",
     "moreDiffsAvailable": "There are more diffs available",
     "loadMore": "Load more"

scm-ui/ui-webapp/src/repos/components/changesets/ChangesetDetails.tsx

@@ -39,6 +39,7 @@ import {
   DateFromNow,
   FileControlFactory,
   SignatureIcon,
+  DiffDropDown
 } from "@scm-manager/ui-components";
 import { Tooltip, SubSubtitle } from "@scm-manager/ui-core";
 import { Button, Icon } from "@scm-manager/ui-buttons";
@@ -280,14 +281,7 @@ const ChangesetDetails: FC<Props> = ({ changeset, repository, fileControlFactory
       </div>
       <div>
         <div className="is-flex has-gap-4 mb-4 is-justify-content-flex-end">
-          <Button onClick={ignoreWhitespaces}>
-            <Icon className="mr-1">{ignoreWhitespace ? "laptop" : "laptop-code"}</Icon>
-            {t(ignoreWhitespace ? "changesets.activateWhitespace" : "changesets.ignoreWhitespace")}
-          </Button>
-          <Button onClick={collapseDiffs}>
-            <Icon className="mr-1">{collapsed ? "eye" : "eye-slash"}</Icon>
-            {t("changesets.collapseDiffs")}
-          </Button>
+          <DiffDropDown collapseDiffs={collapseDiffs} ignoreWhitespaces={ignoreWhitespaces} renderOnMount={false}/>
         </div>
 
         <ChangesetDiff