cbaoth/med-plan-assistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update line selection buttons add tooltips

Browse Source
This commit is contained in:
Andreas Weyer
2026-01-17 13:17:54 +00:00
parent 3e7281e4db
commit fda0778edb
3 changed files with 46 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/App.tsx
View File

@@ -19,7 +19,7 @@ import Settings from './components/settings';
import LanguageSelector from './components/language-selector';
import DisclaimerModal from './components/disclaimer-modal';
import { Button } from './components/ui/button';
import { TooltipProvider } from './components/ui/tooltip';
import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './components/ui/tooltip';
import { IconButtonWithTooltip } from './components/ui/icon-button-with-tooltip';
import { PROJECT_REPOSITORY_URL, APP_VERSION } from './constants/defaults';
@@ -131,24 +131,45 @@ const MedPlanAssistant = () => {
style={uiSettings.stickyChart ? { borderColor: 'hsl(var(--primary))' } : {}}>
<div className="flex flex-wrap items-center gap-3 justify-between mb-4">
<div className="flex flex-wrap justify-center gap-2">
<Button
onClick={() => updateUiSetting('chartView', 'damph')}
variant={chartView === 'damph' ? 'default' : 'secondary'}
>
{t(useCompactButtons ? 'dAmphetamineShort' : 'dAmphetamine')}
</Button>
<Button
onClick={() => updateUiSetting('chartView', 'ldx')}
variant={chartView === 'ldx' ? 'default' : 'secondary'}
>
{t(useCompactButtons ? 'lisdexamfetamineShort' : 'lisdexamfetamine')}
</Button>
<Button
onClick={() => updateUiSetting('chartView', 'both')}
variant={chartView === 'both' ? 'default' : 'secondary'}
>
{t('both')}
</Button>
<Tooltip>
<TooltipTrigger asChild>
<Button
onClick={() => updateUiSetting('chartView', 'damph')}
variant={chartView === 'damph' ? 'default' : 'secondary'}
>
{t(useCompactButtons ? 'dAmphetamineShort' : 'dAmphetamine')}
</Button>
</TooltipTrigger>
<TooltipContent>
<p className="text-xs max-w-xs">{t('chartViewDamphTooltip')}</p>
</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<Button
onClick={() => updateUiSetting('chartView', 'ldx')}
variant={chartView === 'ldx' ? 'default' : 'secondary'}
>
{t(useCompactButtons ? 'lisdexamfetamineShort' : 'lisdexamfetamine')}
</Button>
</TooltipTrigger>
<TooltipContent>
<p className="text-xs max-w-xs">{t('chartViewLdxTooltip')}</p>
</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<Button
onClick={() => updateUiSetting('chartView', 'both')}
variant={chartView === 'both' ? 'default' : 'secondary'}
>
{t('both')}
</Button>
</TooltipTrigger>
<TooltipContent>
<p className="text-xs max-w-xs">{t('chartViewBothTooltip')}</p>
</TooltipContent>
</Tooltip>
</div>
<IconButtonWithTooltip
onClick={() => updateUiSetting('stickyChart', !uiSettings.stickyChart)}