diff --git a/src/main.ts b/src/main.ts index aa83caf..2d8e73f 100644 --- a/src/main.ts +++ b/src/main.ts @@ -4,5 +4,3 @@ import { tokenList } from "./tokenList"; document.querySelector("#app")!.innerHTML = ` ${tokenList()} `; - -// setupTokenList(document.querySelector("#tokens")!); diff --git a/src/token.test.ts b/src/token.test.ts index 9d43bee..6888474 100644 --- a/src/token.test.ts +++ b/src/token.test.ts @@ -1,6 +1,6 @@ // @vitest-environment jsdom -import { assert, expect, test } from 'vitest' +import { expect, test } from 'vitest' import {displayToken} from './token' test('a 6 digit token is displayed', () => { diff --git a/src/tokenListItem.test.ts b/src/tokenListItem.test.ts index 85ee3f1..81e9184 100644 --- a/src/tokenListItem.test.ts +++ b/src/tokenListItem.test.ts @@ -9,16 +9,3 @@ test("displays correct account name", () => { expect(div.innerHTML).toContain("Github"); }); -test("displays multiple list items", () => { - const div: HTMLDivElement = document.createElement("div"); - displayTokenListItem("Github", "ABCDEFGHIJKLMNOP", div); - displayTokenListItem("Gmail", "ABCDEFGHIJKLMNOP", div); - const tokens = [ - { account: "Github", secret: "blahblahblah" }, - { account: "Gmail", secret: "blahblahblah" }, - ]; - tokens.map((token) => displayTokenListItem(token.account, token.secret, div)); - console.log("dv", div.innerHTML); - expect(div.innerHTML).toContain("Github"); - expect(div.innerHTML).toContain("Gmail"); -}); diff --git a/src/tokenListItem.ts b/src/tokenListItem.ts index c16ce3c..e757b6c 100644 --- a/src/tokenListItem.ts +++ b/src/tokenListItem.ts @@ -17,16 +17,15 @@ export function displayTokenListItem( secondsSinceStart = 0 + (secondsSinceEpoch % period); secondsRemaining = period - (secondsSinceEpoch % period); const timerDiv = document.getElementById(`timer-${account}`); - const tokenDiv = document.getElementById(`secret-${account}`) + const tokenDiv = document.getElementById(`secret-${account}`); if (timerDiv && tokenDiv) { timerDiv.innerHTML = secondsRemaining.toString(); timerDiv.style.background = `conic-gradient(transparent ${ (100 / 30) * secondsSinceStart }%, ${secondsRemaining < 10 ? "salmon" : "gainsboro"} 0)`; - token = displayToken(secret) + token = displayToken(secret); tokenDiv.innerHTML = token; } - } setInterval(() => { countdown(); diff --git a/src/tokenTimer.ts b/src/tokenTimer.ts deleted file mode 100644 index a352253..0000000 --- a/src/tokenTimer.ts +++ /dev/null @@ -1,28 +0,0 @@ -import { displayToken } from "./token"; - -class Timer { - constructor(public counter = 30, public element: HTMLDivElement, public account: string, public secret: string) { - - let intervalId = setInterval(() => { - this.counter = this.counter - 1; - console.log(this.counter) - if(this.counter === 0) clearInterval(intervalId) - element.innerHTML = `
-
- -

${account}

-
-
- -

${displayToken(secret)}

-
-
- -

${this.counter}

-
` - return this.element - - }, 1000) - } -} -export default Timer \ No newline at end of file