Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-06-06 19:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: area not clickable.

Browse Source 
fix: looong sleep/wait on mock suggestions lol.
This commit is contained in:
Darshan
2025-11-02 21:20:45 +05:30
parent 17d7fc200a
commit 3a65420f8c
1 changed files with 46 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/(console)/project-[region]-[project]/databases/database-[database]/(suggestions)/empty.svelte
+46 -31
View File
@@ -630,7 +630,7 @@
try {
if (VARS.MOCK_AI_SUGGESTIONS) {
/* animation */
await sleep(NOTIFICATION_AND_MOCK_DELAY * 100);
await sleep(NOTIFICATION_AND_MOCK_DELAY);
suggestedColumns = mockSuggestions;
} else {
await sleep(5000); // for design review on stage
@@ -1532,8 +1532,15 @@
{#each userDataRows as row}
<Spreadsheet.Row.Base {root} select="disabled" hoverEffect={false}>
{#each spreadsheetColumns as column}
{@const columnObj = getColumn(column.id)}
{@const interactable =
isCustomColumn(column.id) && columnObj && !columnObj.isPlaceholder}
<Spreadsheet.Cell {root} column={column.id} isEditable={false}>
<span class="u-trim">{row[column.id] ?? ''}</span>
{@render rowCellInteractiveButton({
interactable,
column,
row
})}
</Spreadsheet.Cell>
{/each}
</Spreadsheet.Row.Base>
@@ -1543,37 +1550,10 @@
<Spreadsheet.Row.Base {root} select="disabled" hoverEffect={false}>
{#each spreadsheetColumns as column}
{@const columnObj = getColumn(column.id)}
{@const isColumnInteractable =
{@const interactable =
isCustomColumn(column.id) && columnObj && !columnObj.isPlaceholder}
<Spreadsheet.Cell {root} column={column.id} isEditable={false}>
<button
class="column-selector-button"
aria-label="Select column"
data-column-hover={column.id}
onmouseenter={() => {
if (
isColumnInteractable &&
!selectedColumnId &&
!isInlineEditing &&
!$isTabletViewport &&
!$isSmallViewport &&
!$tableColumnSuggestions.thinking &&
!creatingColumns &&
hoveredColumnId !== column.id
) {
hoveredColumnId = column.id;
/*tooltipTopPosition = 35 + Math.random() * 20;*/
}
}}
onclick={() => {
if (isColumnInteractable) {
if (!$isTabletViewport) {
selectColumnWithId(column);
} else if ($isSmallViewport) {
triggerColumnId = column.id;
}
}
}}></button>
{@render rowCellInteractiveButton({ interactable, column })}
</Spreadsheet.Cell>
{/each}
</Spreadsheet.Row.Base>
@@ -1756,6 +1736,41 @@
</div>
{/snippet}-->
{#snippet rowCellInteractiveButton({ interactable, column, row = null })}
<button
class="column-selector-button"
aria-label="Select column"
data-column-hover={column.id}
onmouseenter={() => {
if (
interactable &&
!selectedColumnId &&
!isInlineEditing &&
!$isTabletViewport &&
!$isSmallViewport &&
!$tableColumnSuggestions.thinking &&
!creatingColumns &&
hoveredColumnId !== column.id
) {
hoveredColumnId = column.id;
/*tooltipTopPosition = 35 + Math.random() * 20;*/
}
}}
onclick={() => {
if (interactable) {
if (!$isTabletViewport) {
selectColumnWithId(column);
} else if ($isSmallViewport) {
triggerColumnId = column.id;
}
}
}}>
{#if row}
<span class="u-trim">{row[column.id] ?? ''}</span>
{/if}
</button>
{/snippet}
{#snippet changeColumnTypePopover({ id, columnObj, iconColor, icon, isColumnInteractable, index })}
<Popover let:toggle portal padding="none" placement="bottom-start">
<div