update favicon and project icon, close #3

README.md

@@ -1,34 +1,26 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+<div align="center">
+  <image src="./public/onedrive-vercel-index.png" alt="onedrive-vercel-index" width="160px" />
+  <h3><a href="http://onedrive-vercel-index.vercel.app/">onedrive-vercel-index</a></h3>
+  <em>Yet another-another OneDrive index, powered by Vercel and Next.js</em>
+</div>
 
-## Getting Started
+---
 
-First, run the development server:
+This is [onedrive-cf-index](https://github.com/spencerwooo/onedrive-cf-index)'s little brother, basically the same, but powered by Next.js and Vercel.
 
-```bash
-npm run dev
-# or
-yarn dev
-```
+## Features
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+- A TOTAL REFACTOR!
+- Many more upcoming...
 
-You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
+## Demo
 
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.tsx`.
+Available at: <http://onedrive-vercel-index.vercel.app>.
 
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+---
 
-## Learn More
+**onedrive-vercel-index** ©Spencer Woo. Released under the MIT License.
 
-To learn more about Next.js, take a look at the following resources:
+Authored and maintained by Spencer Woo.
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+> [@Portfolio](https://spencerwoo.com/) · [@Blog](https://blog.spencerwoo.com/) · [@GitHub](https://github.com/spencerwooo)

components/FileListing.tsx

@@ -91,7 +91,7 @@ const FileListing: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =
 
   const path = queryToPath(query)
 
-  const { data, error } = useSWR(`/api?path=${path}`, fetcher, {
+  const { data, error } = useSWR(`/api?path=${encodeURIComponent(path)}`, fetcher, {
     revalidateOnFocus: false,
   })
 

public/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}