Fix logout button and abstudy

Redande · Redande · commit a9ba78bdb704 · 2021-06-21T17:17:12.000+03:00
diff --git a/data/part-1/4-variables.md b/data/part-1/4-variables.md
@@ -16,7 +16,7 @@ hidden: false
 
 </text-box>
 
-<ab-study id="ohjelmointi-20-scale-vs-mcq">
+<ab-study id="1a2faee2-7287-4277-ac4a-329220042a27">
 
 <only-for-ab-group group="1">
 
diff --git a/src/components/LoginControls.js b/src/components/LoginControls.js
@@ -1,5 +1,6 @@
 import React, { Fragment } from "react"
 import Button from "./Button"
+import { Button as MaterialButton } from "@material-ui/core"
 import { signOut, getCachedUserDetails } from "../services/moocfi"
 import LoginStateContext, {
   withLoginStateContext,
@@ -14,6 +15,11 @@ const StyledIcon = styled(FontAwesomeIcon)`
   margin-right: 0.5rem;
 `
 
+const StyledButton = styled(MaterialButton)`
+  margin: 1rem 0.5rem !important;
+  padding: 1.1rem 1rem !important;
+`
+
 class LoginControls extends React.Component {
   static contextType = LoginStateContext
 
@@ -48,7 +54,9 @@ class LoginControls extends React.Component {
           <StyledIcon icon={profileIcon} />
           {this.state.name}
         </Button>
-        <Button onClick={this.doSignOut}>{this.props.t("logout")}</Button>
+        <StyledButton variant="outlined" onClick={this.doSignOut}>
+          {this.props.t("logout")}
+        </StyledButton>
       </Fragment>
     ) : (
       <Fragment>
diff --git a/src/services/abstudio.js b/src/services/abstudio.js
@@ -1,11 +1,14 @@
 import axios from "axios"
 import { accessToken } from "./moocfi"
 
-const BASE_URL = "https://ab-studio.testmycode.io"
+const BASE_URL = "https://www.mooc.fi"
 
 export async function fetchAbGroup(studyId) {
-  const res = await axios.get(
-    `${BASE_URL}/api/v0/ab_studies/${studyId}/group?oauth_token=${accessToken()}`,
-  )
+  const res = await axios.get(`${BASE_URL}/api/ab-enrollments/${studyId}`, {
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${accessToken()}`,
+    },
+  })
   return res.data
 }
