paulmataruso/chartdb
1
0
Fork 0
mirror of https://github.com/chartdb/chartdb.git synced 2025-11-01 20:43:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(dbml actions): set dbml tooltips side (#798)

Browse Source
This commit is contained in:
Guy Ben-Aharon
2025-07-28 10:22:35 +03:00
committed by GitHub
parent bfbfd7b843
commit a119854da7
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/code-snippet/code-snippet.tsx
View File

@@ -43,6 +43,7 @@ export interface CodeSnippetProps {
isComplete?: boolean;
editorProps?: React.ComponentProps<EditorType>;
actions?: CodeSnippetAction[];
actionsTooltipSide?: 'top' | 'right' | 'bottom' | 'left';
}
export const CodeSnippet: React.FC<CodeSnippetProps> = React.memo(
@@ -56,6 +57,7 @@ export const CodeSnippet: React.FC<CodeSnippetProps> = React.memo(
isComplete = true,
editorProps,
actions,
actionsTooltipSide,
}) => {
const { t } = useTranslation();
const monaco = useMonaco();
@@ -148,7 +150,7 @@ export const CodeSnippet: React.FC<CodeSnippetProps> = React.memo(
</Button>
</span>
</TooltipTrigger>
<TooltipContent side="right">
<TooltipContent side={actionsTooltipSide}>
{t(
isCopied
? 'copied'
@@ -174,7 +176,9 @@ export const CodeSnippet: React.FC<CodeSnippetProps> = React.memo(
</Button>
</span>
</TooltipTrigger>
<TooltipContent side="right">
<TooltipContent
side={actionsTooltipSide}
>
{action.label}
</TooltipContent>
</Tooltip>

1
src/pages/editor-page/side-panel/tables-section/table-dbml/table-dbml.tsx
View File

@@ -89,6 +89,7 @@ export const TableDBML: React.FC<TableDBMLProps> = ({ filteredTables }) => {
return (
<CodeSnippet
code={dbmlToDisplay}
actionsTooltipSide="right"
className="my-0.5"
actions={[
{