From 0b55fe5fc796ed150d695bda7d0a302d1a7a9223 Mon Sep 17 00:00:00 2001
From: spencerwooo <spencer.woo@outlook.com>
Date: Mon, 24 Jan 2022 19:16:32 +0800
Subject: [PATCH] rename useAxiosFetch hook for universal fetch usage

---
 components/previews/CodePreview.tsx     | 4 ++--
 components/previews/MarkdownPreview.tsx | 4 ++--
 components/previews/TextPreview.tsx     | 4 ++--
 components/previews/URLPreview.tsx      | 4 ++--
 utils/fetchOnMount.ts                   | 6 +++---
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/components/previews/CodePreview.tsx b/components/previews/CodePreview.tsx
index 98bd892..2e65a52 100644
--- a/components/previews/CodePreview.tsx
+++ b/components/previews/CodePreview.tsx
@@ -2,14 +2,14 @@ import { useEffect, FC } from 'react'
 import Prism from 'prismjs'
 
 import { getExtension } from '../../utils/getFileIcon'
-import useFileContent from '../../utils/fetchOnMount'
+import useAxiosGet from '../../utils/fetchOnMount'
 import FourOhFour from '../FourOhFour'
 import Loading from '../Loading'
 import DownloadButtonGroup from '../DownloadBtnGtoup'
 import { DownloadBtnContainer, PreviewContainer } from './Containers'
 
 const CodePreview: FC<{ file: any }> = ({ file }) => {
-  const { content, error, validating } = useFileContent(file['@microsoft.graph.downloadUrl'])
+  const { content, error, validating } = useAxiosGet(file['@microsoft.graph.downloadUrl'])
 
   useEffect(() => {
     if (typeof window !== 'undefined') {
diff --git a/components/previews/MarkdownPreview.tsx b/components/previews/MarkdownPreview.tsx
index 5e3b473..2bb8047 100644
--- a/components/previews/MarkdownPreview.tsx
+++ b/components/previews/MarkdownPreview.tsx
@@ -11,7 +11,7 @@ import 'katex/dist/katex.min.css'
 import FourOhFour from '../FourOhFour'
 import Loading from '../Loading'
 import DownloadButtonGroup from '../DownloadBtnGtoup'
-import useFileContent from '../../utils/fetchOnMount'
+import useAxiosGet from '../../utils/fetchOnMount'
 import { DownloadBtnContainer, PreviewContainer } from './Containers'
 
 const MarkdownPreview: FC<{ file: any; path: string; standalone?: boolean }> = ({
@@ -19,7 +19,7 @@ const MarkdownPreview: FC<{ file: any; path: string; standalone?: boolean }> = (
   path,
   standalone = true,
 }) => {
-  const { content, error, validating } = useFileContent(file['@microsoft.graph.downloadUrl'])
+  const { content, error, validating } = useAxiosGet(file['@microsoft.graph.downloadUrl'])
 
   // The parent folder of the markdown file, which is also the relative image folder
   const parentPath = path.substring(0, path.lastIndexOf('/'))
diff --git a/components/previews/TextPreview.tsx b/components/previews/TextPreview.tsx
index 83d44b5..70f15b5 100644
--- a/components/previews/TextPreview.tsx
+++ b/components/previews/TextPreview.tsx
@@ -1,11 +1,11 @@
 import FourOhFour from '../FourOhFour'
 import Loading from '../Loading'
 import DownloadButtonGroup from '../DownloadBtnGtoup'
-import useFileContent from '../../utils/fetchOnMount'
+import useAxiosGet from '../../utils/fetchOnMount'
 import { DownloadBtnContainer, PreviewContainer } from './Containers'
 
 const TextPreview = ({ file }) => {
-  const { content, error, validating } = useFileContent(file['@microsoft.graph.downloadUrl'])
+  const { content, error, validating } = useAxiosGet(file['@microsoft.graph.downloadUrl'])
   if (error) {
     return (
       <PreviewContainer>
diff --git a/components/previews/URLPreview.tsx b/components/previews/URLPreview.tsx
index 461528c..6555747 100644
--- a/components/previews/URLPreview.tsx
+++ b/components/previews/URLPreview.tsx
@@ -1,7 +1,7 @@
 import FourOhFour from '../FourOhFour'
 import Loading from '../Loading'
 import { DownloadButton } from '../DownloadBtnGtoup'
-import useFileContent from '../../utils/fetchOnMount'
+import useAxiosGet from '../../utils/fetchOnMount'
 import { DownloadBtnContainer, PreviewContainer } from './Containers'
 
 const parseDotUrl = (content: string): string | undefined => {
@@ -12,7 +12,7 @@ const parseDotUrl = (content: string): string | undefined => {
 }
 
 const TextPreview = ({ file }) => {
-  const { content, error, validating } = useFileContent(file['@microsoft.graph.downloadUrl'])
+  const { content, error, validating } = useAxiosGet(file['@microsoft.graph.downloadUrl'])
   if (error) {
     return (
       <PreviewContainer>
diff --git a/utils/fetchOnMount.ts b/utils/fetchOnMount.ts
index bc4ada2..116df31 100644
--- a/utils/fetchOnMount.ts
+++ b/utils/fetchOnMount.ts
@@ -2,19 +2,19 @@ import axios from 'axios'
 import { useEffect, useState } from 'react'
 
 // Custom hook to fetch raw file content on mount
-export default function useFileContent(odRawUrl: string): { content: string; error: string; validating: boolean } {
+export default function useAxiosGet(fetchUrl: string): { content: string; error: string; validating: boolean } {
   const [content, setContent] = useState('')
   const [validating, setValidating] = useState(true)
   const [error, setError] = useState('')
 
   useEffect(() => {
     axios
-      .get(odRawUrl)
+      .get(fetchUrl)
       .then(res => setContent(res.data))
       .catch(e => setError(e.message))
       .finally(() => {
         setValidating(false)
       })
-  }, [odRawUrl])
+  }, [fetchUrl])
   return { content, error, validating }
 }