ByoungSooPark/modeling-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove all tooltip delays throughout the app (#5969)

Browse Source
This commit is contained in:
Frank Noirot
2025-03-24 22:58:54 -04:00
committed by GitHub
parent 8c3408fda3
commit f7f7d9fa2c
11 changed files with 13 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/Toolbar.tsx
View File

@ -405,7 +405,6 @@ const ToolbarItemTooltip = memo(function ToolbarItemContents({
position="bottom"
wrapperClassName={'!p-4 !pointer-events-auto ' + wrapperClassName}
contentClassName={contentClassName}
delay={0}
>
{children}
</Tooltip>

1
src/components/ActionButtonDropdown.tsx
View File

@ -48,7 +48,6 @@ export function ActionButtonDropdown({
{props.name ? props.name + ': ' : ''}open menu
</span>
<Tooltip
delay={0}
position="bottom"
hoverOnly
wrapperClassName="ui-open:!hidden"

4
src/components/CommandBar/CommandBar.tsx
View File

@ -136,7 +136,7 @@ export const CommandBar = () => {
name="close"
className="w-5 h-5 rounded-sm bg-destroy-10 text-destroy-80 dark:bg-destroy-80 dark:text-destroy-10 group-hover:brightness-110"
/>
<Tooltip position="bottom" delay={500}>
<Tooltip position="bottom">
Cancel{' '}
<kbd className="hotkey ml-4 dark:!bg-chalkboard-80">esc</kbd>
</Tooltip>
@ -144,7 +144,7 @@ export const CommandBar = () => {
{!commandBarState.matches('Selecting command') && (
<button onClick={stepBack} className="m-0 p-0 border-none">
<CustomIcon name="arrowLeft" className="w-5 h-5 rounded-sm" />
<Tooltip position="bottom" delay={500}>
<Tooltip position="bottom">
Step back{' '}
<kbd className="hotkey ml-4 dark:!bg-chalkboard-80">
Shift

8
src/components/FileTree.tsx
View File

@ -547,9 +547,7 @@ export const FileTreeMenu = ({
className="!p-0 !bg-transparent hover:text-primary border-transparent hover:border-primary !outline-none"
onClick={onCreateFile}
>
<Tooltip position="bottom-right" delay={750}>
Create file
</Tooltip>
<Tooltip position="bottom-right">Create file</Tooltip>
</ActionButton>
<ActionButton
@ -563,9 +561,7 @@ export const FileTreeMenu = ({
className="!p-0 !bg-transparent hover:text-primary border-transparent hover:border-primary !outline-none"
onClick={onCreateFolder}
>
<Tooltip position="bottom-right" delay={750}>
Create folder
</Tooltip>
<Tooltip position="bottom-right">Create folder</Tooltip>
</ActionButton>
</>
)

4
src/components/ModelingSidebar/ModelingPane.tsx
View File

@ -51,9 +51,7 @@ export const ModelingPaneHeader = ({
className="!p-0 !bg-transparent hover:text-primary border-transparent dark:!border-transparent hover:!border-primary dark:hover:!border-chalkboard-70 !outline-none"
onClick={() => onClose()}
>
<Tooltip position="bottom-right" delay={750}>
Close
</Tooltip>
<Tooltip position="bottom-right">Close</Tooltip>
</ActionButton>
</div>
)

4
src/components/ModelingSidebar/ModelingPanes/MemoryPane.tsx
View File

@ -40,9 +40,7 @@ export const MemoryPaneMenu = () => {
className="!p-0 !bg-transparent hover:text-primary border-transparent hover:border-primary !outline-none"
onClick={copyProgramMemoryToClipboard}
>
<Tooltip position="bottom-right" delay={750}>
Copy to clipboard
</Tooltip>
<Tooltip position="bottom-right">Copy to clipboard</Tooltip>
</ActionButton>
</>
)

8
src/components/ProjectCard/ProjectCard.tsx
View File

@ -169,9 +169,7 @@ function ProjectCard({
}}
className="!p-0"
>
<Tooltip position="top-right" delay={1000}>
Rename project
</Tooltip>
<Tooltip position="top-right">Rename project</Tooltip>
</ActionButton>
<ActionButton
disabled={!project.readWriteAccess}
@ -188,9 +186,7 @@ function ProjectCard({
setIsConfirmingDelete(true)
}}
>
<Tooltip position="top-right" delay={1000}>
Delete project
</Tooltip>
<Tooltip position="top-right">Delete project</Tooltip>
</ActionButton>
</div>
)}

8
src/components/ProjectCard/ProjectCardRenameForm.tsx
View File

@ -43,9 +43,7 @@ export const ProjectCardRenameForm = forwardRef(
}}
className="!p-0"
>
<Tooltip position="left" delay={1000}>
Rename project
</Tooltip>
<Tooltip position="left">Rename project</Tooltip>
</ActionButton>
<ActionButton
Element="button"
@ -57,9 +55,7 @@ export const ProjectCardRenameForm = forwardRef(
className="!p-0"
onClick={onDismiss}
>
<Tooltip position="left" delay={1000}>
Cancel
</Tooltip>
<Tooltip position="left">Cancel</Tooltip>
</ActionButton>
</div>
</form>

2
src/components/Tooltip.tsx
View File

@ -24,7 +24,7 @@ export default function Tooltip({
wrapperClassName: className,
contentClassName,
wrapperStyle = {},
delay = 200,
delay = 0,
hoverOnly = false,
inert = true,
}: TooltipProps) {

2
src/components/UserSidebarMenu.tsx
View File

@ -193,7 +193,7 @@ const UserSidebarMenu = ({ user }: { user?: User }) => {
className="w-4 h-4 text-chalkboard-70 dark:text-chalkboard-40 ui-open:rotate-180"
/>
</div>
<Tooltip position="bottom-right" delay={1000} hoverOnly>
<Tooltip position="bottom-right" hoverOnly>
User menu
</Tooltip>
</Popover.Button>

2
src/routes/Onboarding/index.tsx
View File

@ -193,7 +193,7 @@ export function OnboardingButtons({
name="close"
className="w-5 h-5 rounded-sm bg-destroy-10 text-destroy-80 dark:bg-destroy-80 dark:text-destroy-10 group-hover:brightness-110"
/>
<Tooltip position="bottom" delay={500}>
<Tooltip position="bottom">
Dismiss <kbd className="hotkey ml-4 dark:!bg-chalkboard-80">esc</kbd>
</Tooltip>
</button>