diff --git a/apps/explorer/src/components/ui/Divider.tsx b/apps/explorer/src/components/ui/Divider.tsx deleted file mode 100644 index bc06c881b1f..00000000000 --- a/apps/explorer/src/components/ui/Divider.tsx +++ /dev/null @@ -1,29 +0,0 @@ -// Copyright (c) Mysten Labs, Inc. -// Modifications Copyright (c) 2024 IOTA Stiftung -// SPDX-License-Identifier: Apache-2.0 - -import { cva, type VariantProps } from 'class-variance-authority'; - -const dividerStyles = cva('', { - variants: { - vertical: { - true: 'border-l', - false: 'grow border-b', - }, - color: { - gray45: 'border-gray-45', - gray40: 'border-gray-40', - 'hero/10': 'border-hero/10', - }, - }, - defaultVariants: { - vertical: false, - color: 'gray45', - }, -}); - -export type DividerProps = VariantProps; - -export function Divider({ vertical, color }: DividerProps): JSX.Element { - return
; -} diff --git a/apps/explorer/src/components/ui/index.ts b/apps/explorer/src/components/ui/index.ts index 2d5858084eb..8db90fc04a6 100644 --- a/apps/explorer/src/components/ui/index.ts +++ b/apps/explorer/src/components/ui/index.ts @@ -8,7 +8,6 @@ export * from './modal'; export * from './ButtonOrLink'; export * from './Card'; -export * from './Divider'; export * from './ExpandableList'; export * from './FilterList'; export * from './ImageIcon'; diff --git a/apps/explorer/src/pages/transaction-result/Events.tsx b/apps/explorer/src/pages/transaction-result/Events.tsx index fdd7aaeeb56..cc53d32ec83 100644 --- a/apps/explorer/src/pages/transaction-result/Events.tsx +++ b/apps/explorer/src/pages/transaction-result/Events.tsx @@ -2,15 +2,20 @@ // Modifications Copyright (c) 2024 IOTA Stiftung // SPDX-License-Identifier: Apache-2.0 -import { Accordion, AccordionHeader, AccordionContent, KeyValueInfo } from '@iota/apps-ui-kit'; +import { + Accordion, + AccordionHeader, + AccordionContent, + KeyValueInfo, + Divider, +} from '@iota/apps-ui-kit'; import { type IotaEvent } from '@iota/iota-sdk/client'; import { formatAddress, parseStructTag } from '@iota/iota-sdk/utils'; import { TriangleDown } from '@iota/ui-icons'; import clsx from 'clsx'; import { useState } from 'react'; - import { SyntaxHighlighter } from '~/components'; -import { Divider, ObjectLink } from '~/components/ui'; +import { ObjectLink } from '~/components/ui'; function Event({ event, divider }: { event: IotaEvent; divider: boolean }): JSX.Element { const [open, setOpen] = useState(false);