Merge pull request #25 from guardian/da_help

Adding Help Button
guardian · Dec 16, 2024 · 778e012 · 778e012
2 parents d43d53d + c4b1922
commit 778e012
Show file tree

Hide file tree

Showing 2 changed files with 12 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,16 @@ 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="help-button"
+                        variant="outlined"
+                        size="small"
+                        onClick={openDocs}
+                        style={{  marginLeft: "10px", borderColor: "black", color: "black" }}
+                    >
+                      Help
+                    </Button>
                 </Tooltip>
             </Grid>
             {