diff --git a/packages/frontend/src/app/(side-nav)/scaling/activity/_components/scaling-activity-tabs.tsx b/packages/frontend/src/app/(side-nav)/scaling/activity/_components/scaling-activity-tabs.tsx index e8c99b5fcfb..9db99947799 100644 --- a/packages/frontend/src/app/(side-nav)/scaling/activity/_components/scaling-activity-tabs.tsx +++ b/packages/frontend/src/app/(side-nav)/scaling/activity/_components/scaling-activity-tabs.tsx @@ -10,6 +10,11 @@ import { DirectoryTabsTrigger, } from '~/components/core/directory-tabs' import { HorizontalSeparator } from '~/components/core/horizontal-separator' +import { + OthersInfo, + RollupsInfo, + ValidiumsAndOptimiumsInfo, +} from '~/components/scaling-tabs-info' import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context' import { featureFlags } from '~/consts/feature-flags' import { type ScalingActivityEntry } from '~/server/features/scaling/activity/get-scaling-activity-entries' @@ -87,6 +92,7 @@ export function ScalingActivityTabs({ )} + @@ -106,6 +112,7 @@ export function ScalingActivityTabs({ )} + @@ -128,6 +135,7 @@ export function ScalingActivityTabs({ )} + diff --git a/packages/frontend/src/app/(side-nav)/scaling/archived/_components/scaling-archived-tables.tsx b/packages/frontend/src/app/(side-nav)/scaling/archived/_components/scaling-archived-tables.tsx index b34c1695715..312c961bcdc 100644 --- a/packages/frontend/src/app/(side-nav)/scaling/archived/_components/scaling-archived-tables.tsx +++ b/packages/frontend/src/app/(side-nav)/scaling/archived/_components/scaling-archived-tables.tsx @@ -7,6 +7,11 @@ import { DirectoryTabsList, DirectoryTabsTrigger, } from '~/components/core/directory-tabs' +import { + OthersInfo, + RollupsInfo, + ValidiumsAndOptimiumsInfo, +} from '~/components/scaling-tabs-info' import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context' import { featureFlags } from '~/consts/feature-flags' import { type ScalingArchivedEntry } from '~/server/features/scaling/archived/get-scaling-archived-entries' @@ -60,11 +65,13 @@ export function ScalingArchivedTables({ + + @@ -73,6 +80,7 @@ export function ScalingArchivedTables({ {featureFlags.showOthers && filteredEntries.others.length > 0 && ( + diff --git a/packages/frontend/src/app/(side-nav)/scaling/costs/_components/scaling-costs-tabs.tsx b/packages/frontend/src/app/(side-nav)/scaling/costs/_components/scaling-costs-tabs.tsx index 9553fdaf91b..548cec5b8ab 100644 --- a/packages/frontend/src/app/(side-nav)/scaling/costs/_components/scaling-costs-tabs.tsx +++ b/packages/frontend/src/app/(side-nav)/scaling/costs/_components/scaling-costs-tabs.tsx @@ -9,6 +9,7 @@ import { DirectoryTabsTrigger, } from '~/components/core/directory-tabs' import { HorizontalSeparator } from '~/components/core/horizontal-separator' +import { OthersInfo, RollupsInfo } from '~/components/scaling-tabs-info' import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context' import { featureFlags } from '~/consts/feature-flags' import { type ScalingCostsEntry } from '~/server/features/scaling/costs/get-scaling-costs-entries' @@ -69,6 +70,7 @@ export function ScalingCostsTabs(props: Props) { )} + @@ -87,6 +89,7 @@ export function ScalingCostsTabs(props: Props) { )} + diff --git a/packages/frontend/src/app/(side-nav)/scaling/data-availability/_components/scaling-da-tables.tsx b/packages/frontend/src/app/(side-nav)/scaling/data-availability/_components/scaling-da-tables.tsx index 83e15c35a68..c496d5522fe 100644 --- a/packages/frontend/src/app/(side-nav)/scaling/data-availability/_components/scaling-da-tables.tsx +++ b/packages/frontend/src/app/(side-nav)/scaling/data-availability/_components/scaling-da-tables.tsx @@ -6,6 +6,11 @@ import { DirectoryTabsList, DirectoryTabsTrigger, } from '~/components/core/directory-tabs' +import { + OthersInfo, + RollupsInfo, + ValidiumsAndOptimiumsInfo, +} from '~/components/scaling-tabs-info' import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context' import { featureFlags } from '~/consts/feature-flags' import { type ScalingDataAvailabilityEntry } from '~/server/features/scaling/data-availability/get-scaling-da-entries' @@ -58,6 +63,7 @@ export function ScalingDaTables(props: Props) { + + @@ -74,6 +81,7 @@ export function ScalingDaTables(props: Props) { {featureFlags.showOthers && filteredEntries.others.length > 0 && ( + diff --git a/packages/frontend/src/app/(side-nav)/scaling/finality/_components/scaling-finality-tables.tsx b/packages/frontend/src/app/(side-nav)/scaling/finality/_components/scaling-finality-tables.tsx index c8d5d2af324..4e48a2f9cd4 100644 --- a/packages/frontend/src/app/(side-nav)/scaling/finality/_components/scaling-finality-tables.tsx +++ b/packages/frontend/src/app/(side-nav)/scaling/finality/_components/scaling-finality-tables.tsx @@ -6,6 +6,7 @@ import { DirectoryTabsList, DirectoryTabsTrigger, } from '~/components/core/directory-tabs' +import { OthersInfo, RollupsInfo } from '~/components/scaling-tabs-info' import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context' import { featureFlags } from '~/consts/feature-flags' import { type ScalingFinalityEntry } from '~/server/features/scaling/finality/get-scaling-finality-entries' @@ -52,12 +53,14 @@ export function ScalingFinalityTables(props: Props) { + {featureFlags.showOthers && filteredEntries.others.length > 0 && ( + diff --git a/packages/frontend/src/app/(side-nav)/scaling/liveness/_components/scaling-liveness-tables.tsx b/packages/frontend/src/app/(side-nav)/scaling/liveness/_components/scaling-liveness-tables.tsx index 72ad91d3adb..ddb4d135fdd 100644 --- a/packages/frontend/src/app/(side-nav)/scaling/liveness/_components/scaling-liveness-tables.tsx +++ b/packages/frontend/src/app/(side-nav)/scaling/liveness/_components/scaling-liveness-tables.tsx @@ -7,6 +7,7 @@ import { DirectoryTabsList, DirectoryTabsTrigger, } from '~/components/core/directory-tabs' +import { OthersInfo, RollupsInfo } from '~/components/scaling-tabs-info' import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context' import { featureFlags } from '~/consts/feature-flags' import { type ScalingLivenessEntry } from '~/server/features/scaling/liveness/get-scaling-liveness-entries' @@ -55,12 +56,14 @@ export function ScalingLivenessTables(props: Props) { + {featureFlags.showOthers && filteredEntries.others.length > 0 && ( + diff --git a/packages/frontend/src/app/(side-nav)/scaling/risk/_components/scaling-risk-tables.tsx b/packages/frontend/src/app/(side-nav)/scaling/risk/_components/scaling-risk-tables.tsx index a39c7782233..2b5e218d121 100644 --- a/packages/frontend/src/app/(side-nav)/scaling/risk/_components/scaling-risk-tables.tsx +++ b/packages/frontend/src/app/(side-nav)/scaling/risk/_components/scaling-risk-tables.tsx @@ -6,6 +6,11 @@ import { DirectoryTabsList, DirectoryTabsTrigger, } from '~/components/core/directory-tabs' +import { + OthersInfo, + RollupsInfo, + ValidiumsAndOptimiumsInfo, +} from '~/components/scaling-tabs-info' import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context' import { featureFlags } from '~/consts/feature-flags' import { type ScalingRiskEntry } from '~/server/features/scaling/risks/get-scaling-risk-entries' @@ -60,17 +65,20 @@ export function ScalingRiskTables(props: Props) { + + {featureFlags.showOthers && filteredEntries.others.length > 0 && ( + diff --git a/packages/frontend/src/app/(side-nav)/scaling/summary/_components/scaling-summary-tables.tsx b/packages/frontend/src/app/(side-nav)/scaling/summary/_components/scaling-summary-tables.tsx index 52d86409856..62025a3f38a 100644 --- a/packages/frontend/src/app/(side-nav)/scaling/summary/_components/scaling-summary-tables.tsx +++ b/packages/frontend/src/app/(side-nav)/scaling/summary/_components/scaling-summary-tables.tsx @@ -7,6 +7,11 @@ import { DirectoryTabsTrigger, } from '~/components/core/directory-tabs' import { HorizontalSeparator } from '~/components/core/horizontal-separator' +import { + OthersInfo, + RollupsInfo, + ValidiumsAndOptimiumsInfo, +} from '~/components/scaling-tabs-info' import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context' import { featureFlags } from '~/consts/feature-flags' import { type ScalingSummaryEntry } from '~/server/features/scaling/summary/get-scaling-summary-entries' @@ -64,11 +69,13 @@ export function ScalingSummaryTables(props: Props) { + + @@ -77,7 +84,10 @@ export function ScalingSummaryTables(props: Props) { {featureFlags.showOthers && filteredEntries.others.length > 0 ? ( - + <> + + + ) : ( )} diff --git a/packages/frontend/src/app/(side-nav)/scaling/tvl/_components/scaling-tvl-tabs.tsx b/packages/frontend/src/app/(side-nav)/scaling/tvl/_components/scaling-tvl-tabs.tsx index 780e23fea44..2f6cf9a4282 100644 --- a/packages/frontend/src/app/(side-nav)/scaling/tvl/_components/scaling-tvl-tabs.tsx +++ b/packages/frontend/src/app/(side-nav)/scaling/tvl/_components/scaling-tvl-tabs.tsx @@ -9,6 +9,11 @@ import { DirectoryTabsTrigger, } from '~/components/core/directory-tabs' import { HorizontalSeparator } from '~/components/core/horizontal-separator' +import { + OthersInfo, + RollupsInfo, + ValidiumsAndOptimiumsInfo, +} from '~/components/scaling-tabs-info' import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context' import { featureFlags } from '~/consts/feature-flags' import { type ScalingTvlEntry } from '~/server/features/scaling/tvl/get-scaling-tvl-entries' @@ -73,6 +78,7 @@ export function ScalingTvlTabs(props: Props) { )} + @@ -90,6 +96,7 @@ export function ScalingTvlTabs(props: Props) { )} + @@ -108,6 +115,7 @@ export function ScalingTvlTabs(props: Props) { )} + diff --git a/packages/frontend/src/app/(side-nav)/scaling/upcoming/_components/scaling-upcoming-tables.tsx b/packages/frontend/src/app/(side-nav)/scaling/upcoming/_components/scaling-upcoming-tables.tsx index c6e2733d153..daa1a24fb6d 100644 --- a/packages/frontend/src/app/(side-nav)/scaling/upcoming/_components/scaling-upcoming-tables.tsx +++ b/packages/frontend/src/app/(side-nav)/scaling/upcoming/_components/scaling-upcoming-tables.tsx @@ -7,6 +7,11 @@ import { DirectoryTabsList, DirectoryTabsTrigger, } from '~/components/core/directory-tabs' +import { + OthersInfo, + RollupsInfo, + ValidiumsAndOptimiumsInfo, +} from '~/components/scaling-tabs-info' import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context' import { featureFlags } from '~/consts/feature-flags' import { type ScalingUpcomingEntry } from '~/server/features/scaling/upcoming/get-scaling-upcoming-entries' @@ -60,11 +65,13 @@ export function ScalingUpcomingTables({ + + @@ -73,6 +80,7 @@ export function ScalingUpcomingTables({ {featureFlags.showOthers && filteredEntries.others.length > 0 && ( + diff --git a/packages/frontend/src/components/scaling-tabs-info.tsx b/packages/frontend/src/components/scaling-tabs-info.tsx new file mode 100644 index 00000000000..b2d8e4585f1 --- /dev/null +++ b/packages/frontend/src/components/scaling-tabs-info.tsx @@ -0,0 +1,73 @@ +import { InfoIcon } from '~/icons/info' +import { + Drawer, + DrawerContent, + DrawerHeader, + DrawerTrigger, +} from './core/drawer' + +export function RollupsInfo() { + return ( + + ) +} + +export function ValidiumsAndOptimiumsInfo() { + return ( + + ) +} + +export function OthersInfo() { + return ( + + ) +} + +function InfoWithMobileDrawer({ + title, + content, +}: { title: string; content: string }) { + return ( +
+
+

{content}

+ + + +
{title}
+
+ + + {title} + +

+ {content} +

+ + Close + +
+
+
+
+ ) +}