Merge pull request #782 from raspiblitz/documentation-button

feat: add documentation button to setup
raspiblitz · Oct 5, 2024 · 02728f6 · 02728f6
2 parents c7007a5 + fd3e08b
commit 02728f6
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 4 deletions.
diff --git a/src/layouts/SetupContainer.tsx b/src/layouts/SetupContainer.tsx
@@ -1,5 +1,7 @@
+import { Button } from "@/components/Button";
 import I18nSelect from "@/components/I18nDropdown";
 import Stepper from "@/pages/Setup/Stepper";
+import { BookOpenIcon } from "@heroicons/react/24/outline";
 import { PropsWithChildren } from "react";
 
 type Props = {
@@ -12,12 +14,24 @@ export default function SetupContainer({
 }: PropsWithChildren<Props>) {
   return (
     <main className="flex min-h-screen h-full w-screen flex-col items-center justify-center bg-primary-900 transition-colors text-white">
-      <div className="fixed right-16 top-4 flex h-8 w-48 items-center justify-around">
+      <div className="fixed md:right-16 top-16 md:top-8 flex h-8 w-48 md:w-96 md:flex-row flex-col-reverse gap-6 md:gap-4 justify-center items-center">
+        <Button
+          as="a"
+          href="https://docs.raspiblitz.org/"
+          target="_blank"
+          rel="noreferrer"
+          color="primary"
+          variant="ghost"
+          className="p-4 w-full"
+          startContent={<BookOpenIcon className="w-5 h-5" />}
+        >
+          Documentation
+        </Button>
         <I18nSelect />
       </div>
 
       {currentStep !== null && (
-        <div className="fixed mb-4 top-12 flex items-center justify-around w-1/3">
+        <div className="fixed mb-4 top-24 flex items-center justify-around w-1/3">
           <Stepper currentStep={currentStep} />
         </div>
       )}

diff --git a/src/pages/Apps/AppInfo.tsx b/src/pages/Apps/AppInfo.tsx
@@ -177,7 +177,7 @@ export const AppInfo: FC = () => {
           <Link
             href={repository}
             target="_blank"
-            rel="noreferrer noopener"
+            rel="noreferrer"
             underline="always"
           >
             {repository}

diff --git a/src/pages/Setup/LightningDialog.tsx b/src/pages/Setup/LightningDialog.tsx
@@ -52,7 +52,7 @@ export default function LightningDialog({ callback }: Props) {
                   href="https://docs.raspiblitz.org/docs/setup/software-setup/basic"
                   className="text-primary underline"
                   target="_blank"
-                  rel="noopener noreferrer"
+                  rel="noreferrer"
                 ></a>,
               ]}
             />