+ className={clsx(className, '-mx-[--gutter] overflow-x-auto whitespace-nowrap')}>
+ className={clsx('inline-block min-w-full align-middle', !bleed && 'sm:px-[--gutter]')}>
@@ -80,8 +77,7 @@ export function TableRow({
return (
}
- >
+ value={{ href, target, title } as React.ContextType}>
+ )}>
{children}
@@ -131,8 +126,7 @@ export function TableCell({ className, children, ...props }: React.ComponentProp
grid && 'border-l border-l-zinc-950/5 first:border-l-0 dark:border-l-white/5',
dense == 0 ? 'py-4' : dense == 1 ? 'py-2.5' : 'py-0.2', //'py-2.5' : 'py-4',
!bleed && 'sm:first:pl-2 sm:last:pr-2'
- )}
- >
+ )}>
{href && (
+ defaultValue={currentTab}>
{props.tabs.map((tab) => (
))}
@@ -43,8 +42,7 @@ export const Tabs = (props: {
: 'text-gray-500 hover:text-gray-700',
'rounded-md px-3 py-2 text-sm font-medium hover:cursor-pointer'
)}
- aria-current={tab.id === currentTab ? 'page' : undefined}
- >
+ aria-current={tab.id === currentTab ? 'page' : undefined}>
{tab.displayName}
))}
diff --git a/telemetry/ui/src/components/nav/appcontainer.tsx b/telemetry/ui/src/components/nav/appcontainer.tsx
index d1deb60f..fcbfda79 100644
--- a/telemetry/ui/src/components/nav/appcontainer.tsx
+++ b/telemetry/ui/src/components/nav/appcontainer.tsx
@@ -101,8 +101,7 @@ export const AppContainer = (props: { children: React.ReactNode }) => {
enterTo="opacity-100"
leave="transition-opacity ease-linear duration-300"
leaveFrom="opacity-100"
- leaveTo="opacity-0"
- >
+ leaveTo="opacity-0">
@@ -114,8 +113,7 @@ export const AppContainer = (props: { children: React.ReactNode }) => {
enterTo="translate-x-0"
leave="transition ease-in-out duration-300 transform"
leaveFrom="translate-x-0"
- leaveTo="-translate-x-full"
- >
+ leaveTo="-translate-x-full">
{
enterTo="opacity-100"
leave="ease-in-out duration-300"
leaveFrom="opacity-100"
- leaveTo="opacity-0"
- >
+ leaveTo="opacity-0">
@@ -163,8 +159,7 @@ export const AppContainer = (props: { children: React.ReactNode }) => {
? 'text-gray-700 hover:text-dwdarkblue'
: 'text-gray-700 hover:text-dwdarkblue hover:bg-gray-50',
'group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold'
- )}
- >
+ )}>
{
+ }`}>
{/* Sidebar component, swap this element with another sidebar if you like */}
@@ -217,8 +211,7 @@ export const AppContainer = (props: { children: React.ReactNode }) => {
? 'text-gray-700 hover:text-dwdarkblue'
: 'text-gray-700 hover:text-dwdarkblue hover:bg-gray-50',
'group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold'
- )}
- >
+ )}>
{
!sidebarOpen
? 'lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-8 lg:flex-col justify-end lg:py-2 lg:px-1'
: ''
- }`}
- >
+ }`}>
diff --git a/telemetry/ui/src/components/nav/breadcrumb.tsx b/telemetry/ui/src/components/nav/breadcrumb.tsx
index a891ce2c..7992be3a 100644
--- a/telemetry/ui/src/components/nav/breadcrumb.tsx
+++ b/telemetry/ui/src/components/nav/breadcrumb.tsx
@@ -40,15 +40,13 @@ export const BreadCrumb = () => {
className="h-5 w-5 flex-shrink-0 text-gray-300"
fill="currentColor"
viewBox="0 0 20 20"
- aria-hidden="true"
- >
+ aria-hidden="true">
+ aria-current={page.current ? 'page' : undefined}>
{page.name}
diff --git a/telemetry/ui/src/components/routes/app/ActionView.tsx b/telemetry/ui/src/components/routes/app/ActionView.tsx
index 3b6be6c1..f2912751 100644
--- a/telemetry/ui/src/components/routes/app/ActionView.tsx
+++ b/telemetry/ui/src/components/routes/app/ActionView.tsx
@@ -17,8 +17,7 @@ export const CodeView = (props: { code: string }) => {
className="bg-dwdarkblue/100"
wrapLines={true}
wrapLongLines={true}
- style={base16AteliersulphurpoolLight}
- >
+ style={base16AteliersulphurpoolLight}>
{props.code}
diff --git a/telemetry/ui/src/components/routes/app/GraphView.tsx b/telemetry/ui/src/components/routes/app/GraphView.tsx
index 8218cb5a..4b037246 100644
--- a/telemetry/ui/src/components/routes/app/GraphView.tsx
+++ b/telemetry/ui/src/components/routes/app/GraphView.tsx
@@ -75,8 +75,7 @@ const ActionNode = (props: { data: NodeData }) => {
<>
+ className={`${bgColor} ${opacity} ${additionalClasses} text-lg font-sans p-3 rounded-md border-dwlightblue b-2 border`}>
{props.data.action.name}
@@ -219,8 +218,7 @@ export const _Graph = (props: {
highlightedActions: props.previousActions,
hoverAction: props.hoverAction,
currentAction: props.currentAction
- }}
- >
+ }}>
+ }}>
{step.step_sequence_id}
{step.step_start_log.action}