Add table to diff view

Pushed-by: Florian Scholdei<florian.scholdei@cloudogu.com>
Pushed-by: Viktor Egorov<viktor.egorov-extern@cloudogu.com>
Pushed-by: k8s-git-ops<admin@cloudogu.com>
Committed-by: Thomas Zerr<thomas.zerr@cloudogu.com>
Co-authored-by: Viktor<viktor.egorov@triology.de>
Co-authored-by: Thomas Zerr<thomas.zerr@cloudogu.com>
Pushed-by: Thomas Zerr<thomas.zerr@cloudogu.com>
This commit is contained in:
Thomas Zerr
2024-09-16 17:52:10 +02:00
parent 96466807be
commit 8f0ed74b7a
18 changed files with 547 additions and 35 deletions

View File

@@ -27,6 +27,7 @@ import classNames from "classnames";
type Props = React.HTMLProps<HTMLElement> & {
children?: string;
type?: string;
};
/**
@@ -41,11 +42,11 @@ type Props = React.HTMLProps<HTMLElement> & {
* @see https://bulma.io/documentation/elements/icon/
* @see https://fontawesome.com/search?o=r&m=free
*/
const Icon = React.forwardRef<HTMLElement, Props>(({ children, className, ...props }, ref) => {
const Icon = React.forwardRef<HTMLElement, Props>(({ children, className, type = "fas", ...props }, ref) => {
return (
<span className={classNames(className, "icon")} aria-hidden="true" {...props} ref={ref}>
<i
className={classNames(`fas fa-fw fa-${children}`, {
className={classNames(`${type} fa-fw fa-${children}`, {
"fa-xs": className?.includes("is-small"),
"fa-lg": className?.includes("is-medium"),
"fa-2x": className?.includes("is-large"),