krakalas/best-choice
1
0
Fork 0
mirror of https://github.com/sakaljurgis/best-choice.git synced 2026-07-08 21:47:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

prices edit

Browse Source
This commit is contained in:
Jurgis Sakalauskas
2025-10-14 16:53:50 +03:00
parent 677a5a3272
commit 0651f32c95
2 changed files with 37 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/project-detail/project-items-desktop-table.tsx
+12 -12
View File
@@ -1,5 +1,5 @@
import { Fragment } from 'react';
import { ExternalLink, Pencil } from 'lucide-react';
import { ExternalLink } from 'lucide-react';
import type { Item } from '@shared/models/item';
import { ItemPricesPanel } from './item-prices-panel';
import { formatAttributeValue, getPriceSummaryDisplay } from './project-items-utils';
@@ -97,24 +97,24 @@ export function ProjectItemsDesktopTable({
))}
<td className="px-4 py-3 align-top">
<div className="flex flex-col gap-0.5 text-xs">
<div className="flex items-center gap-2">
<span className="text-sm font-semibold text-slate-900">
{priceDisplay.primary}
</span>
<button
type="button"
onClick={() => onTogglePrices(item.id)}
className="inline-flex h-8 w-8 items-center justify-center rounded-md text-slate-500 transition hover:text-slate-400 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 focus-visible:ring-offset-white"
aria-label="Edit Prices"
title="Edit Prices"
className="inline-flex items-center gap-2 self-start rounded-md text-left text-sm font-semibold text-slate-900 transition hover:text-blue-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 focus-visible:ring-offset-white"
title={isExpanded ? 'Close Prices' : 'View Prices'}
aria-expanded={isExpanded}
aria-controls={panelId}
>
<Pencil aria-hidden className="h-4 w-4" />
<span hidden={!isExpanded}>Close</span>
<span className="sr-only">Edit Prices</span>
<span>{priceDisplay.primary}</span>
{isExpanded ? (
<span className="text-xs font-medium uppercase tracking-wide text-slate-500">
Close
</span>
) : null}
<span className="sr-only">
{isExpanded ? 'Close price list' : 'View price list'}
</span>
</button>
</div>
{priceDisplay.secondary ? (
<span className="text-slate-500">{priceDisplay.secondary}</span>
) : null}
client/src/pages/project-detail/project-items-mobile-list.tsx
+12 -9
View File
@@ -1,4 +1,4 @@
import { ExternalLink, Pencil } from 'lucide-react';
import { ExternalLink } from 'lucide-react';
import type { Item } from '@shared/models/item';
import { ItemPricesPanel } from './item-prices-panel';
import { formatAttributeValue, getPriceSummaryDisplay } from './project-items-utils';
@@ -74,21 +74,24 @@ export function ProjectItemsMobileList({
))}
</div>
<div className="mt-3 flex flex-col gap-0.5 text-xs">
<div className="flex items-center gap-2">
<span className="text-sm font-semibold text-slate-900">{priceDisplay.primary}</span>
<button
type="button"
onClick={() => onTogglePrices(item.id)}
className="inline-flex h-9 w-9 items-center justify-center rounded-md text-slate-500 transition hover:text-slate-400 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 focus-visible:ring-offset-white"
aria-label="Edit Prices"
title="Edit Prices"
className="inline-flex items-center gap-2 self-start rounded-md text-left text-sm font-semibold text-slate-900 transition hover:text-blue-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 focus-visible:ring-offset-white"
title={isExpanded ? 'Close Prices' : 'View Prices'}
aria-expanded={isExpanded}
aria-controls={panelId}
>
<Pencil aria-hidden className="h-4 w-4" />
<span className="sr-only">Edit Prices</span>
<span>{priceDisplay.primary}</span>
{isExpanded ? (
<span className="text-xs font-medium uppercase tracking-wide text-slate-500">
Close
</span>
) : null}
<span className="sr-only">
{isExpanded ? 'Close price list' : 'View price list'}
</span>
</button>
</div>
{priceDisplay.secondary ? (
<span className="text-slate-500">{priceDisplay.secondary}</span>
) : null}