remove nav tooltips, they're mostly redundant

This commit is contained in:
EthanHealy01 2025-08-14 10:10:05 +01:00
parent 443e355774
commit 263b3c065e
2 changed files with 2 additions and 12 deletions

View File

@ -11,7 +11,6 @@ import { useToolWorkflow } from '../../contexts/ToolWorkflowContext';
import { ButtonConfig } from '../../types/sidebar'; import { ButtonConfig } from '../../types/sidebar';
import './quickAccessBar/QuickAccessBar.css'; import './quickAccessBar/QuickAccessBar.css';
import AllToolsNavButton from './AllToolsNavButton'; import AllToolsNavButton from './AllToolsNavButton';
import { Tooltip } from './Tooltip';
import TopToolIndicator from './quickAccessBar/TopToolIndicator'; import TopToolIndicator from './quickAccessBar/TopToolIndicator';
import { import {
isNavButtonActive, isNavButtonActive,
@ -58,7 +57,6 @@ const QuickAccessBar = forwardRef<HTMLDivElement>(({
id: 'read', id: 'read',
name: 'Read', name: 'Read',
icon: <MenuBookIcon sx={{ fontSize: "1.5rem" }} />, icon: <MenuBookIcon sx={{ fontSize: "1.5rem" }} />,
tooltip: 'Read documents',
size: 'lg', size: 'lg',
isRound: false, isRound: false,
type: 'navigation', type: 'navigation',
@ -74,7 +72,6 @@ const QuickAccessBar = forwardRef<HTMLDivElement>(({
<span className="material-symbols-rounded font-size-20"> <span className="material-symbols-rounded font-size-20">
signature signature
</span>, </span>,
tooltip: 'Sign your document',
size: 'lg', size: 'lg',
isRound: false, isRound: false,
type: 'navigation', type: 'navigation',
@ -87,7 +84,6 @@ const QuickAccessBar = forwardRef<HTMLDivElement>(({
<span className="material-symbols-rounded font-size-20"> <span className="material-symbols-rounded font-size-20">
automation automation
</span>, </span>,
tooltip: 'Automate workflows',
size: 'lg', size: 'lg',
isRound: false, isRound: false,
type: 'navigation', type: 'navigation',
@ -97,7 +93,6 @@ const QuickAccessBar = forwardRef<HTMLDivElement>(({
id: 'files', id: 'files',
name: 'Files', name: 'Files',
icon: <FolderIcon sx={{ fontSize: "1.25rem" }} />, icon: <FolderIcon sx={{ fontSize: "1.25rem" }} />,
tooltip: 'Manage files',
isRound: true, isRound: true,
size: 'lg', size: 'lg',
type: 'modal', type: 'modal',
@ -110,7 +105,6 @@ const QuickAccessBar = forwardRef<HTMLDivElement>(({
<span className="material-symbols-rounded font-size-20"> <span className="material-symbols-rounded font-size-20">
vital_signs vital_signs
</span>, </span>,
tooltip: 'View activity and analytics',
isRound: true, isRound: true,
size: 'lg', size: 'lg',
type: 'navigation', type: 'navigation',
@ -120,7 +114,6 @@ const QuickAccessBar = forwardRef<HTMLDivElement>(({
id: 'config', id: 'config',
name: 'Config', name: 'Config',
icon: <SettingsIcon sx={{ fontSize: "1rem" }} />, icon: <SettingsIcon sx={{ fontSize: "1rem" }} />,
tooltip: 'Configure settings',
size: 'lg', size: 'lg',
type: 'modal', type: 'modal',
onClick: () => { onClick: () => {
@ -169,7 +162,7 @@ const QuickAccessBar = forwardRef<HTMLDivElement>(({
<Stack gap="lg" align="center"> <Stack gap="lg" align="center">
{buttonConfigs.slice(0, -1).map((config, index) => ( {buttonConfigs.slice(0, -1).map((config, index) => (
<React.Fragment key={config.id}> <React.Fragment key={config.id}>
<Tooltip content={config.tooltip} position="right" arrow containerStyle={{ marginTop: "-1rem" }} maxWidth={200}>
<div className="flex flex-col items-center gap-1" style={{ marginTop: index === 0 ? '0.5rem' : "0rem" }}> <div className="flex flex-col items-center gap-1" style={{ marginTop: index === 0 ? '0.5rem' : "0rem" }}>
<ActionIcon <ActionIcon
size={isNavButtonActive(config, activeButton, isFilesModalOpen, configModalOpen) ? (config.size || 'xl') : 'lg'} size={isNavButtonActive(config, activeButton, isFilesModalOpen, configModalOpen) ? (config.size || 'xl') : 'lg'}
@ -189,7 +182,7 @@ const QuickAccessBar = forwardRef<HTMLDivElement>(({
{config.name} {config.name}
</span> </span>
</div> </div>
</Tooltip>
{/* Add divider after Automate button (index 2) */} {/* Add divider after Automate button (index 2) */}
{index === 2 && ( {index === 2 && (
@ -209,7 +202,6 @@ const QuickAccessBar = forwardRef<HTMLDivElement>(({
{buttonConfigs {buttonConfigs
.filter(config => config.id === 'config') .filter(config => config.id === 'config')
.map(config => ( .map(config => (
<Tooltip key={config.id} content={config.tooltip} sidebarTooltip>
<div className="flex flex-col items-center gap-1"> <div className="flex flex-col items-center gap-1">
<ActionIcon <ActionIcon
size={config.size || 'lg'} size={config.size || 'lg'}
@ -227,7 +219,6 @@ const QuickAccessBar = forwardRef<HTMLDivElement>(({
{config.name} {config.name}
</span> </span>
</div> </div>
</Tooltip>
))} ))}
</div> </div>
</div> </div>

View File

@ -32,7 +32,6 @@ export interface ButtonConfig {
id: string; id: string;
name: string; name: string;
icon: React.ReactNode; icon: React.ReactNode;
tooltip: string;
isRound?: boolean; isRound?: boolean;
size?: 'sm' | 'md' | 'lg' | 'xl'; size?: 'sm' | 'md' | 'lg' | 'xl';
onClick: () => void; onClick: () => void;