From 4f92dcd3ed5f3f092015282e0d635d87569cb082 Mon Sep 17 00:00:00 2001
From: Morten Olsen <morten@olsen.pro>
Date: Thu, 20 Aug 2020 00:15:36 +0200
Subject: [PATCH] Improvments

---
 src/components/File.tsx     | 72 +++++++++++++++++++++++++++----------
 src/contexts/Encryption.tsx |  6 ++--
 src/contexts/Github.tsx     |  8 +++--
 3 files changed, 63 insertions(+), 23 deletions(-)

diff --git a/src/components/File.tsx b/src/components/File.tsx
index c160896..c3b4f2c 100644
--- a/src/components/File.tsx
+++ b/src/components/File.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {useMemo} from 'react';
 import {
   List,
   Button,
@@ -8,16 +8,18 @@ import {
   SyncOutlined,
   IssuesCloseOutlined,
   LockOutlined,
+  DownloadOutlined,
+  ShareAltOutlined,
 } from '@ant-design/icons';
 import { FileType } from '../contexts/Encryption';
-import { CheckCircle, XCircle, Download, Trash, Loader } from 'react-feather';
 
 interface Props {
   remove: () => void;
   file: FileType;
 }
 
-const downloadLink = (name: string, url: string) => {
+const downloadLink = (name: string, blob: Blob) => {
+  const url = URL.createObjectURL(blob);
   const downloadLink = document.createElement('a');
   downloadLink.href = url;
   downloadLink.download = name;
@@ -32,6 +34,17 @@ const icons: {[name: string]: any} = {
   encrypted: <LockOutlined />,
 };
 
+const share = async (file: FileType, fileData: File[]) => {
+  try {
+    navigator.share({
+      title: file.name,
+      files: fileData,
+    } as any);
+  } catch (err) {
+    alert(err);
+  }
+}
+
 const IconText = ({ icon, text, ...props }) => (
   <Button
     {...props}
@@ -46,24 +59,47 @@ const FileView: React.FC<Props> = ({
   remove,
 }) => {
   const icon = icons[file.status];
+  const fileData = useMemo(() => [new File([file.link || ''], file.name, {
+    type: 'text/plain',
+  })], [file]);
+
+  const actions = [];
+
+  if (file.link) {
+    actions.push(
+      <IconText
+        icon={DeleteOutlined}
+        danger
+        text="Delete"
+        onClick={remove}
+      />
+    );
+  }
+
+  if (!!navigator.share && (navigator as any).canSare && (navigator as any).canShare({ files: fileData })) {
+    actions.push(
+      <IconText
+        icon={ShareAltOutlined}
+        text="Share"
+        onClick={() => share(file, fileData)}
+      />
+    );
+  }
+
+  if (file.link) {
+    actions.push(
+      <IconText
+        icon={DownloadOutlined}
+        type="primary"
+        text="Download"
+        onClick={() => downloadLink(file.name, file.link!)}
+      />
+    );
+  }
 
   return (
     <List.Item
-      actions={file.link ? [(
-        <IconText
-          icon={DeleteOutlined}
-          danger
-          text="Delete"
-          onClick={remove}
-        />
-      ), (
-        <IconText
-          icon={DeleteOutlined}
-          type="primary"
-          text="Download"
-          onClick={() => downloadLink(file.name, file.link!)}
-        />
-      )]: []}
+      actions={actions}
     >
       <List.Item.Meta
         avatar={icon}
diff --git a/src/contexts/Encryption.tsx b/src/contexts/Encryption.tsx
index 4adfef5..d1dc55d 100644
--- a/src/contexts/Encryption.tsx
+++ b/src/contexts/Encryption.tsx
@@ -9,7 +9,7 @@ export interface FileType {
   reciever: string;
   status: 'encrypting' | 'failed' | 'encrypted';
   error?: any;
-  link?: string;
+  link?: Blob;
 }
 
 interface EncryptionContextType {
@@ -39,8 +39,8 @@ const encrypt = async (keys: string[], content: string) => {
   const blob = new Blob([data], {
     type: 'text/text',
   });
-  const url = URL.createObjectURL(blob);
-  return url;
+  //const url = URL.createObjectURL(blob);
+  return blob;
 };
 
 const EncryptionProvider: React.FC = ({
diff --git a/src/contexts/Github.tsx b/src/contexts/Github.tsx
index 23ca8f7..3015ec2 100644
--- a/src/contexts/Github.tsx
+++ b/src/contexts/Github.tsx
@@ -33,6 +33,10 @@ const GithubContext = createContext<GithubContextType>({
   state: 'failed',
 });
 
+const headers = {
+  authorization: "token 22924bb3da8465e7e8575740f2fc0a4971c908db",
+};
+
 const GithubProvider: React.FC<Props> = ({
   username,
   children,
@@ -45,8 +49,8 @@ const GithubProvider: React.FC<Props> = ({
   useEffect(() => {
     const run = async () => {
       try {
-        const keysRes = await fetch(`https://api.github.com/users/${username}/gpg_keys`);
-        const userRes = await fetch(`https://api.github.com/users/${username}`);
+        const keysRes = await fetch(`https://api.github.com/users/${username}/gpg_keys`, { headers });
+        const userRes = await fetch(`https://api.github.com/users/${username}`, { headers });
         const keys = await keysRes.json();
         const user = await userRes.json();
         setState('ready');