mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-08-22 04:09:22 +00:00
remove nav tooltips, they're mostly redundant
This commit is contained in:
parent
443e355774
commit
263b3c065e
@ -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>
|
||||||
|
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user