From e685eb93330b6d9322684a27f823c29d6f626808 Mon Sep 17 00:00:00 2001
From: Ajay Bura <32841439+ajbura@users.noreply.github.com>
Date: Wed, 18 Dec 2024 20:19:25 +0530
Subject: [PATCH] add access token option in about settings

---
 src/app/features/settings/about/About.tsx | 26 +++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/app/features/settings/about/About.tsx b/src/app/features/settings/about/About.tsx
index b104d468..282d1fe9 100644
--- a/src/app/features/settings/about/About.tsx
+++ b/src/app/features/settings/about/About.tsx
@@ -8,6 +8,7 @@ import CinnySVG from '../../../../../public/res/svg/cinny.svg';
 import cons from '../../../../client/state/cons';
 import { clearCacheAndReload } from '../../../../client/initMatrix';
 import { useMatrixClient } from '../../../hooks/useMatrixClient';
+import { copyToClipboard } from '../../../utils/dom';
 
 type AboutProps = {
   requestClose: () => void;
@@ -233,6 +234,31 @@ export function About({ requestClose }: AboutProps) {
                     }
                   />
                 </SequenceCard>
+                <SequenceCard
+                  className={SequenceCardStyle}
+                  variant="SurfaceVariant"
+                  direction="Column"
+                  gap="400"
+                >
+                  <SettingTile
+                    title="Access Token"
+                    description="Copy access token to clipboard."
+                    after={
+                      <Button
+                        onClick={() =>
+                          copyToClipboard(mx.getAccessToken() ?? '<NO_ACCESS_TOKEN_FOUND>')
+                        }
+                        variant="Secondary"
+                        fill="Soft"
+                        size="300"
+                        radii="300"
+                        outlined
+                      >
+                        <Text size="B300">Copy</Text>
+                      </Button>
+                    }
+                  />
+                </SequenceCard>
               </Box>
             </Box>
           </PageContent>