diff --git a/components/blocks/ResendConfirmationBar/ResendConfirmationBar.vue b/components/blocks/ResendConfirmationBar/ResendConfirmationBar.vue
new file mode 100644
index 00000000..5b751137
--- /dev/null
+++ b/components/blocks/ResendConfirmationBar/ResendConfirmationBar.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
{{ errorText }}
+
+
diff --git a/composables/api/useResendAccountConfirmation/index.ts b/composables/api/useResendAccountConfirmation/index.ts
index 1971b2a8..fdd2d5b9 100644
--- a/composables/api/useResendAccountConfirmation/index.ts
+++ b/composables/api/useResendAccountConfirmation/index.ts
@@ -1,25 +1,33 @@
import {
+ useApi,
type ApiResponse,
type optionalParameters,
- useApi,
} from 'composables/useApi'
+import { useSessionToken } from 'composables/useSessionToken'
import { Account } from 'lib/api/Account'
/**
* Resends the account confirmation email for a newly-registered user.
*/
-export async function useResendAccountConfirmation(
+export default async function useResendAccountConfirmation(
opts: optionalParameters = {},
): Promise> {
const { onError, onOkay } = opts
+ const authToken = useSessionToken()
const account = new Account({
baseUrl: useRuntimeConfig().public.BACKEND_BASE_URL,
})
- return await useApi(async () => await account.confirmCreate(), {
- onError,
- onOkay,
- })
+ return await useApi(
+ async () =>
+ await account.confirmCreate({
+ headers: {
+ Authorization: `Bearer ${authToken.value}`,
+ },
+ }),
+ {
+ onError,
+ onOkay,
+ },
+ )
}
-
-export default useResendAccountConfirmation
diff --git a/composables/api/useResendAccountConfirmation/useResendAccountConfirmation.test.ts b/composables/api/useResendAccountConfirmation/useResendAccountConfirmation.test.ts
index 4dbcccc3..c91fa4ce 100644
--- a/composables/api/useResendAccountConfirmation/useResendAccountConfirmation.test.ts
+++ b/composables/api/useResendAccountConfirmation/useResendAccountConfirmation.test.ts
@@ -1,20 +1,36 @@
-import { useResendAccountConfirmation } from '.'
+import { useLoginUser } from '../useLoginUser'
+import useResendAccountConfirmation from '.'
+const mockSuccessLogin = vi.fn(() =>
+ Promise.resolve({ data: { token: 'token' }, ok: true }),
+)
const mockSuccessResendAccount = vi.fn(() => Promise.resolve({ ok: true }))
+const onOkaySpy = vi.fn()
+const email = 'test@lb.gg'
+const password = 'Password1'
+
+afterEach(() => {
+ vi.restoreAllMocks()
+ vi.clearAllMocks()
+})
describe('useResendAccountConfirmation', () => {
describe('when everything is successful', () => {
it('changes the password for the user', async () => {
vi.mock('lib/api/Account', () => ({
Account: function Account() {
+ this.loginCreate = mockSuccessLogin
this.confirmCreate = mockSuccessResendAccount
},
}))
+ await useLoginUser({ email, password }, { onOkay: onOkaySpy })
await useResendAccountConfirmation()
expect(mockSuccessResendAccount).toBeCalledTimes(1)
- expect(mockSuccessResendAccount).toBeCalledWith()
+ expect(mockSuccessResendAccount).toBeCalledWith({
+ headers: { Authorization: 'Bearer token' },
+ })
})
})
})