0.0.12

- Add client TZ support + Selectable on user page
- Move token auth to GET ?key=XYZ for wider webhook support
- Add Multiscrobbler support
- Add /api/v1/serverinfo for version information

web/src/Pages/User.css

@@ -1,4 +1,9 @@
 .userBody {
   padding: 20px 5px 5px 5px;
   font-size: 16pt;
+}
+
+.userDropdown {
+  color: #282C34;
+  font-size: 12pt;
 }

web/src/Pages/User.js

@@ -4,9 +4,11 @@ import './User.css';
 import { useHistory } from "react-router";
 import AuthContext from '../Contexts/AuthContext';
 import ScaleLoader from 'react-spinners/ScaleLoader';
-import { getUser } from '../Api/index'
+import { getUser, patchUser } from '../Api/index'
 import { Button } from 'reactstrap';
+
 import { spotifyConnectionRequest, spotifyDisonnectionRequest } from '../Api/index'
+import TimezoneSelect from 'react-timezone-select'
 
 const User = () => {
   const history = useHistory();
@@ -14,6 +16,11 @@ const User = () => {
   const [loading, setLoading] = useState(true);
   const [userdata, setUserdata] = useState({});
 
+  const updateTimezone = (vals) => {
+    console.log(vals)
+    setUserdata({...userdata, timezone: vals});
+    patchUser({timezone: vals.value})
+  }
 
   useEffect(() => {
     if (!user) {
@@ -45,6 +52,12 @@ const User = () => {
         Welcome {userdata.username}
       </h1>
       <p className="userBody">
+      Timezone<br/>
+      <TimezoneSelect
+          className="userDropdown"
+          value={userdata.timezone}
+          onChange={updateTimezone}
+      /><br/>
         Created At: {userdata.created_at}<br/>
         Email: {userdata.email}<br/>
         Verified: {userdata.verified ? '✓' : '✖'}<br/>