Adding help button

guardian · Dec 16, 2024 · 4ec3d22 · 4ec3d22
1 parent d43d53d
commit 4ec3d22
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@guardian/pluto-headers",
-  "version": "2.0.4",
+  "version": "2.1.0",
   "description": "Header components for pluto",
   "repository": "git://github.com/guardian/pluto-headers",
   "main": "build/index",

diff --git a/src/components/AppSwitcher/LoginComponent.tsx b/src/components/AppSwitcher/LoginComponent.tsx
@@ -135,7 +135,7 @@ const LoginComponent:React.FC<LoginComponentProps> = (props) => {
 
     const toggleThemeMode = ()=>themeContext.changeDarkMode(!themeContext.darkMode);
     const openDocs = ()=> window.open(
-        "https://docs.google.com/document/d/1QG9mOu_HDBoGqQs7Dly0sxifk4w9vaJiDiWdi3Uk1a8",
+        "pluto-core/help",
         "_blank"
     )
 
@@ -167,10 +167,15 @@ const LoginComponent:React.FC<LoginComponentProps> = (props) => {
                 </Tooltip>
             </Grid>
             <Grid item>
-                <Tooltip title="Open pluto guide">
-                    <IconButton onClick={openDocs} className={classes.iconButton}>
-                        <HelpOutline style={{color: themeContext.darkMode ? "rgba(0,0,0,0.54)" : "inherit" }}/>
-                    </IconButton>
+                <Tooltip title="Open help page">
+                    <Button
+                        className="login-button"
+                        variant="outlined"
+                        size="small"
+                        onClick={openDocs}
+                    >
+                      Help
+                    </Button>
                 </Tooltip>
             </Grid>
             {