refactor: removes authorization token from file upload

initially it was the non-ssl endpoint causing the preflight call to fail and
subsequently turns out that the axios global configuration adding the authorization
header to the s3 file upload causing to be treated as a bad request.

we should develop a standad s3 bucket policy as part of REFS #19 for use against
projects

Author: devraj

src/routers/auth/login.tsx

@@ -20,7 +20,7 @@ async({ request } : any) => {
     }).catch((error) => {
         console.log(error);
     });
-    return redirect('/admin/users');
+    return redirect('/file');
 };
 
 function Login() {

src/routers/upload/sample.tsx

@@ -7,23 +7,82 @@ import {
 } from 'react-query';
 
 
+import axios from "axios";
+
+
+import { 
+    getUploadUrl,
+} from "api/file-uploads/file-uploads";
+
+import {
+    FileUploadResponse
+} from "api/models"
+
+
 export const action = (queryClient: QueryClient) =>
     async({ request } : any) => {
     const formData = await request.formData();
     console.log(formData);
+    return true;
 };
 
 
 function SampleUpload() {
+
+    const handleFileUpload = (e: any) => {
+        e.preventDefault();
+        const file = e.target[0].files[0];
+
+        console.log(file);
+
+        // File reader to read contents
+        const reader = new FileReader();
+        const fileContents = reader.readAsDataURL(file);
+
+        getUploadUrl({
+            fileName: file.name,
+            mimeType: file.type,
+            fileSize: file.size,
+        }).then((res:any) => {
+            console.log(res);
+            // axios({
+            //     method: 'PUT',
+            //     url: res.data.presignedUploadUrl,
+            //     data: fileContents,
+            //     headers: {
+            //         'Content-Type': file.type,
+            //     }
+            // }).then((res) => {
+            //     console.log(res);
+            // });
+
+            const requestOptions:any = {
+                method: 'PUT',
+                headers: {
+                    'Content-Type': file.type,
+                },
+                body: file,
+            };
+            fetch(res.data.presignedUploadUrl, requestOptions).then(
+                (res) => {
+                    console.log("here");
+                }
+            )
+
+        }).catch((err) => {
+            console.log(err);
+        });
+    }
+
     return(
         <div className="">
             <h1>
                 Sample File Upload
             </h1>
-            <Form method="post" id="upload-file">
+            <form onSubmit={handleFileUpload} method="post" id="upload-file">
                 <input type="file"></input>
                 <button type="submit">Upload</button>
-            </Form>
+            </form>
         </div>
     );
 }