Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2026-03-01 09:50:48 +01:00
Code Issues Packages Projects Releases Activity

Add FileChangeTypeIcon function

Browse Source
This commit is contained in:
LukasBisz
2025-01-05 20:26:28 +01:00
parent ccef05bbc5
commit bab486e056
1 changed files with 60 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
scm-ui/ui-components/src/repos/diff/DiffFileTree.tsx
View File

@@ -93,6 +93,65 @@ const TreeNode: FC<NodeProps> = ({ node, parentPath, currentFile, setCurrentFile
);
};
type FileChangeTypeIconProps = {
changeType: string;
};
const FileChangeTypeIcon: FC<FileChangeTypeIconProps> = ({ changeType }) => {
const [t] = useTranslation("repos");
if (changeType === "ADD") {
return (
<StyledStatus className="has-text-success" style={{ minWidth: "1.5rem" }} key={"add"} alt={t("diff.changes.add")}>
plus
</StyledStatus>
);
}
if (changeType === "MODIFY") {
return (
<StyledStatus
className="has-text-info"
style={{ minWidth: "1.5rem" }}
key={"modify"}
alt={t("diff.changes.modify")}
>
slash
</StyledStatus>
);
}
if (changeType === "DELETE") {
return (
<StyledStatus
className="has-text-danger"
style={{ minWidth: "1.5rem" }}
key={"delete"}
alt={t("diff.changes.delete")}
>
minus
</StyledStatus>
);
}
if (changeType === "RENAME") {
return (
<StyledStatus
className="has-text-info"
style={{ minWidth: "1.5rem" }}
key={"rename"}
alt={t("diff.changes.rename")}
>
slash
</StyledStatus>
);
}
if (changeType === "COPY") {
return (
<StyledStatus className="has-text-info" style={{ minWidth: "1.5rem" }} key={"copy"} alt={t("diff.changes.copy")}>
plus
</StyledStatus>
);
}
return null;
};
type FileProps = {
changeType: string;
path: string;
@@ -125,51 +184,7 @@ const TreeFile: FC<FileProps> = ({ changeType, path, parentPath, currentFile, se
</StyledIcon>
)}
<div className={"ml-1"}>{path}</div>
{changeType === "ADD" && (
<StyledStatus
className="has-text-success"
style={{ minWidth: "1.5rem" }}
key={"add"}
alt={t("diff.showContent")}
>
plus
</StyledStatus>
)}
{changeType === "MODIFY" && (
<StyledStatus
className="has-text-info"
style={{ minWidth: "1.5rem" }}
key={"modify"}
alt={t("diff.showContent")}
>
slash
</StyledStatus>
)}
{changeType === "DELETE" && (
<StyledStatus
className="has-text-danger"
style={{ minWidth: "1.5rem" }}
key={"delete"}
alt={t("diff.showContent")}
>
minus
</StyledStatus>
)}
{changeType === "RENAME" && (
<StyledStatus
className="has-text-info"
style={{ minWidth: "1.5rem" }}
key={"rename"}
alt={t("diff.showContent")}
>
slash
</StyledStatus>
)}
{changeType === "COPY" && (
<StyledStatus className="has-text-info" style={{ minWidth: "1.5rem" }} key={"copy"} alt={t("diff.showContent")}>
plus
</StyledStatus>
)}
<FileChangeTypeIcon changeType={changeType.toLowerCase()} />
</TreeFileContent>
);
};