diff --git a/packages/ui/components/TokenHandler/TokenHandler.tsx b/packages/ui/components/TokenHandler/TokenHandler.tsx deleted file mode 100644 index 087fdbe14f..0000000000 --- a/packages/ui/components/TokenHandler/TokenHandler.tsx +++ /dev/null @@ -1,43 +0,0 @@ -// TODO: This file is currently unused. -import { Label } from "../form/inputs/Label"; -import { Input } from "../form/inputs/TextField"; - -type Digit = { - value: number; - onChange: () => void; -}; - -type Translations = { - labelText?: string; -}; - -type PropType = { - digits: Digit[]; - digitClassName: string; - translations?: Translations; -}; - -const TokenHandler = ({ digits, digitClassName, translations }: PropType) => { - const { labelText = "Code" } = translations ?? {}; - - return ( -
- -
- {digits.map((element, index) => ( - - ))} -
-
- ); -}; - -export default TokenHandler; diff --git a/packages/ui/components/TokenHandler/token-handler.test.tsx b/packages/ui/components/TokenHandler/token-handler.test.tsx deleted file mode 100644 index 19a938e51a..0000000000 --- a/packages/ui/components/TokenHandler/token-handler.test.tsx +++ /dev/null @@ -1,30 +0,0 @@ -/* eslint-disable playwright/missing-playwright-await */ -import { render, screen, fireEvent } from "@testing-library/react"; -import { vi } from "vitest"; - -import TokenHandler from "./TokenHandler"; - -describe("Tests for TokenHandler component", () => { - test("Should render the correct number of input elements", () => { - const digits = [ - { value: 1, onChange: vi.fn() }, - { value: 2, onChange: vi.fn() }, - { value: 3, onChange: vi.fn() }, - ]; - - render(); - expect(screen.getAllByRole("textbox")).toHaveLength(digits.length); - }); - - test("Should handle digit input correctly", () => { - const onChangeMock = vi.fn(); - const digits = [{ value: 1, onChange: onChangeMock }]; - - render(); - - const inputElement = screen.getByRole("textbox"); - fireEvent.change(inputElement, { target: { value: "5" } }); - - expect(onChangeMock).toHaveBeenCalledTimes(1); - }); -});