Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-10 23:45:44 +01:00
Code Issues Packages Projects Releases Activity

Use icon only button for diff file controls

Browse Source
This commit is contained in:
Sebastian Sdorra
2020-02-10 15:33:32 +01:00
parent 733e050e13
commit 78e31f690a
6 changed files with 861 additions and 1263 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
scm-ui/ui-components/src/repos/Diff.stories.tsx
View File

@@ -6,10 +6,10 @@ import parser from "gitdiff-parser";
import simpleDiff from "../__resources__/Diff.simple";
import hunksDiff from "../__resources__/Diff.hunks";
import binaryDiff from "../__resources__/Diff.binary";
import Button from "../buttons/Button";
import { DiffEventContext, File } from "./DiffTypes";
import Toast from "../toast/Toast";
import { getPath } from "./diffs";
import DiffButton from "./DiffButton";
const diffFiles = parser.parse(simpleDiff);
@@ -17,7 +17,14 @@ storiesOf("Diff", module)
.add("Default", () => <Diff diff={diffFiles} />)
.add("Side-By-Side", () => <Diff diff={diffFiles} sideBySide={true} />)
.add("Collapsed", () => <Diff diff={diffFiles} defaultCollapse={true} />)
.add("File Controls", () => <Diff diff={diffFiles} fileControlFactory={() => <Button>Custom Control</Button>} />)
.add("File Controls", () => (
<Diff
diff={diffFiles}
fileControlFactory={() => (
<DiffButton title="Die!" icon="skull-crossbones" onClick={() => alert("Arrrgggghhhh ...")} />
)}
/>
))
.add("File Annotation", () => (
<Diff
diff={diffFiles}