{section === RoundSection.START ? (
diff --git a/src/components/ImageBackdrop.tsx b/src/components/ImageBackdrop.tsx
deleted file mode 100644
index b552084..0000000
--- a/src/components/ImageBackdrop.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { PropsWithChildren } from "react";
-
-interface ImageBackdropProps extends PropsWithChildren {
- imageSrc: string;
-}
-
-const ImageBackdrop: React.FC
= ({
- imageSrc,
- children
-}) => {
- return (
-
-
- {children}
-
{
+ generateCodeChallenge(codeVerifier).then(codeChallenge => {
+ let state = generateRandomString(16);
+ let scope = "user-read-private user-read-email"; // @TODO Change me
+
+ localStorage.setItem("code_verifier", codeVerifier);
+
+ let args = new URLSearchParams({
+ response_type: "code",
+ client_id: clientId,
+ scope: scope,
+ redirect_uri: redirectUri,
+ state: state,
+ code_challenge_method: "S256",
+ code_challenge: codeChallenge
+ });
+
+ window.location = "https://accounts.spotify.com/authorize?" + args;
+ });
+}
diff --git a/src/modules/spotify/index.ts b/src/modules/spotify/index.ts
index c8332e8..ffbe576 100644
--- a/src/modules/spotify/index.ts
+++ b/src/modules/spotify/index.ts
@@ -10,7 +10,7 @@ const prepareSpotifyWebPlaybackSDKReadyCallback = (): void => {
// Create a global callback called onSpotifyWebPlaybackSDKReady
// This will be called when the SDK is ready and Spotify.Player is available
// skips type checking on window
- (window).onSpotifyWebPlaybackSDKReady = () => {
+ (window as any).onSpotifyWebPlaybackSDKReady = () => {
// You can now initialize Spotify.Player and use the SDK
useSpotify.setState({ sdkReady: true });
@@ -23,7 +23,7 @@ const prepareSpotifyWebPlaybackSDKReadyCallback = (): void => {
}
};
- const player: SpotifyPlayer = new (window).Spotify.Player(
+ const player: SpotifyPlayer = new (window as any).Spotify.Player(
spotifyPlayerConstructorOptions
);
diff --git a/src/modules/spotify/web-api.ts b/src/modules/spotify/web-api.ts
index ee969db..0a0768a 100644
--- a/src/modules/spotify/web-api.ts
+++ b/src/modules/spotify/web-api.ts
@@ -60,14 +60,14 @@ export const requestTracksData = async (ids: string[]): Promise => {
export const playTrack = async (
uri: string,
- offset?: number
+ offsetMs?: number
): Promise => {
const body: Record = {
uris: [uri]
};
- if (offset) {
- body["position_ms"] = offset;
+ if (offsetMs) {
+ body["position_ms"] = offsetMs;
}
const response = await fetch(
diff --git a/src/util.ts b/src/util.ts
index 4c48fa3..b7aa023 100644
--- a/src/util.ts
+++ b/src/util.ts
@@ -34,3 +34,7 @@ export const splitArrayIntoChunks = (
}
return chunks;
};
+
+export const getLastElementOfArray = (array: T[]): T => {
+ return array[array.length - 1];
+}
\ No newline at end of file