Settings

Router

class Settings(props)

Settings card tabs structure for hosting password/spotify linked/last.fm username tabs

Settings.handleChange(e, newValue)

Handle tab change event

Arguments

• e (*) – Event args

• newValue (*) – New tab object

Change Password

class ChangePassword(props)

Change password card

ChangePassword.handleCurrentChange(event)

Handle current pw state change

Arguments

• event (*) – Event data

ChangePassword.handleNew2Change(event)

Handle new again pw state change

Arguments

• event (*) – Event data

ChangePassword.handleNewChange(event)

Handle new pw state change

Arguments

• event (*) – Event data

ChangePassword.handleSubmit(event)

Handle submit button click, validate input, make network request

Arguments

• event (*) – Event data

Spotify Link

class SpotifyLink(props)

Spotify account link settings card

SpotifyLink.getUserInfo()

Get user info from API and set spotify link status to state

AuthButton(props)

Authenticate Spotify account button component

Arguments

• props (*) – Properties

Returns

Button component

DeAuthButton(props)

Deauthenticate Spotify account button component

Arguments

• props (*) – Properties

Returns

Button component

Last.fm Username

class LastFM(props)

Last.fm username setting card

LastFM.getUserInfo()

Get user info from API, set current username to state

LastFM.handleChange(event)

Handle input box state change

Arguments

• event (*) – Event data

LastFM.handleSubmit(event)

Handle submit button, post API change request

Arguments

• event (*) – Event data