Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-12 00:05:50 +01:00
Code Issues Packages Projects Releases Activity

feat(react/dialogs): port incorrect_cpu_arch

Browse Source
This commit is contained in:
Elian Doran
2025-08-05 15:39:49 +03:00
parent 8f0a9f91c1
commit 79c5d479fc
4 changed files with 65 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/client/src/widgets/react/Button.tsx
View File

@@ -6,12 +6,13 @@ interface ButtonProps {
buttonRef?: RefObject<HTMLButtonElement>;
text: string;
className?: string;
icon?: string;
keyboardShortcut?: string;
/** Called when the button is clicked. If not set, the button will submit the form (if any). */
onClick?: () => void;
}
export default function Button({ buttonRef: _buttonRef, className, text, onClick, keyboardShortcut }: ButtonProps) {
export default function Button({ buttonRef: _buttonRef, className, text, onClick, keyboardShortcut, icon }: ButtonProps) {
const classes: string[] = ["btn"];
classes.push("btn-primary");
if (className) {
@@ -28,6 +29,7 @@ export default function Button({ buttonRef: _buttonRef, className, text, onClick
onClick={onClick}
ref={buttonRef}
>
{icon && <span className={`bx ${icon}`}></span>}
{text} {keyboardShortcut && (
splitShortcut.map((key, index) => (
<>

12
apps/client/src/widgets/react/Modal.tsx
View File

@@ -9,6 +9,7 @@ interface ModalProps {
size: "lg" | "md" | "sm";
children: ComponentChildren;
footer?: ComponentChildren;
footerAlignment?: "right" | "between";
maxWidth?: number;
zIndex?: number;
/**
@@ -30,7 +31,7 @@ interface ModalProps {
helpPageId?: string;
}
export default function Modal({ children, className, size, title, footer, onShown, onSubmit, helpPageId, maxWidth, zIndex, scrollable, onHidden: onHidden }: ModalProps) {
export default function Modal({ children, className, size, title, footer, footerAlignment, onShown, onSubmit, helpPageId, maxWidth, zIndex, scrollable, onHidden: onHidden }: ModalProps) {
const modalRef = useRef<HTMLDivElement>(null);
if (onShown || onHidden) {
@@ -100,7 +101,12 @@ export default function Modal({ children, className, size, title, footer, onShow
);
}
function ModalInner({ children, footer }: Pick<ModalProps, "children" | "footer">) {
function ModalInner({ children, footer, footerAlignment }: Pick<ModalProps, "children" | "footer" | "footerAlignment">) {
const footerStyle: CSSProperties = {};
if (footerAlignment === "between") {
footerStyle.justifyContent = "space-between";
}
return (
<>
<div className="modal-body">
@@ -108,7 +114,7 @@ function ModalInner({ children, footer }: Pick<ModalProps, "children" | "footer"
</div>
{footer && (
<div className="modal-footer">
<div className="modal-footer" style={footerStyle}>
{footer}
</div>
)}