From d24608b446443af7cf0d9ddbc1f80f06f3714eef Mon Sep 17 00:00:00 2001
From: spencerwooo <spencer.woo@outlook.com>
Date: Wed, 29 Dec 2021 19:58:33 +0800
Subject: [PATCH] fix some typos, add a few tooltips

---
 README.md                       | 4 +---
 components/DownloadBtnGtoup.tsx | 6 ++++++
 styles/markdown-github.css      | 2 +-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 600c22d..fb72106 100644
--- a/README.md
+++ b/README.md
@@ -8,8 +8,6 @@
   <a href="https://github.com/spencerwooo/onedrive-vercel-index/discussions"><img src="https://img.shields.io/github/discussions/spencerwooo/onedrive-vercel-index?color=CF2B5B&labelColor=black&logo=github" alt="GitHub Discussions" /></a>
 </div>
 
----
-
 ## Discussion
 
 Please go to our [discussion forum](https://github.com/spencerwooo/onedrive-vercel-index/discussions) for general questions and FAQs, **issues are for bug reports and bug reports only.** Feature requests may or may not be ignored, as [I (@spencerwooo)](https://spencerwoo.com) am the only one maintaining the project, so **I only prioritise features that I use.**
@@ -89,7 +87,7 @@ Live demo at [Spencer's OneDrive](https://drive.spencerwoo.com).
 
 - Direct raw-file serving, proxied file serving ...
 - Permalink copy, proxied download link copy ...
-- Full dark mode support, style and website customisations...
+- Full dark mode support, style and website customisations ...
 
 🍌 More importantly, it's pretty (●'◡'●)
 
diff --git a/components/DownloadBtnGtoup.tsx b/components/DownloadBtnGtoup.tsx
index 34c3192..2b52570 100644
--- a/components/DownloadBtnGtoup.tsx
+++ b/components/DownloadBtnGtoup.tsx
@@ -35,18 +35,21 @@ export const DownloadButton = ({
   btnText,
   btnIcon,
   btnImage,
+  btnTitle,
 }: {
   onClickCallback: MouseEventHandler<HTMLButtonElement>
   btnColor?: string
   btnText: string
   btnIcon?: IconProp
   btnImage?: string
+  btnTitle?: string
 }) => {
   return (
     <button
       className={`flex items-center space-x-2 py-2 px-4 text-sm font-medium text-gray-900 bg-white rounded-lg border hover:bg-gray-100/10 focus:z-10 focus:ring-2 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-900 ${btnStyleMap(
         btnColor
       )}`}
+      title={btnTitle}
       onClick={onClickCallback}
     >
       {btnIcon && <FontAwesomeIcon icon={btnIcon} />}
@@ -67,12 +70,14 @@ const DownloadButtonGroup: React.FC<{ downloadUrl: string }> = ({ downloadUrl })
         btnColor="blue"
         btnText="Download"
         btnIcon="file-download"
+        btnTitle="Download the file directly through OneDrive"
       />
       <DownloadButton
         onClickCallback={() => window.open(`/api/proxy?url=${encodeURIComponent(downloadUrl)}`)}
         btnColor="teal"
         btnText="Proxy download"
         btnIcon="download"
+        btnTitle="Download the file with the stream proxied through Vercel Serverless"
       />
       <DownloadButton
         onClickCallback={() => {
@@ -82,6 +87,7 @@ const DownloadButtonGroup: React.FC<{ downloadUrl: string }> = ({ downloadUrl })
         btnColor="yellow"
         btnText="Copy direct link"
         btnIcon="copy"
+        btnTitle="Copy the permalink to the file to the clipboard"
       />
     </div>
   )
diff --git a/styles/markdown-github.css b/styles/markdown-github.css
index ecee121..5916cf2 100644
--- a/styles/markdown-github.css
+++ b/styles/markdown-github.css
@@ -995,7 +995,7 @@
     background-color: #18181b;
   }
   .markdown-body a {
-    color: #58a6ff;
+    color: rgba(2, 132, 199);
   }
   .markdown-body hr {
     border-bottom: 1px solid #21262d;