feat: update to supabase storage (#2)

crossplatformkorea · May 25, 2024 · b1f24bf · b1f24bf
1 parent 7d5247b
commit b1f24bf
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 0 deletions.
diff --git a/app/audio.tsx b/app/audio.tsx
@@ -4,6 +4,8 @@ import {css} from '@emotion/native';
 import {IconButton, Typography} from 'dooboo-ui';
 import {Audio} from 'expo-av';
 
+import {uploadFileToSupabase} from '../supabase';
+
 export default function AudioPage(): JSX.Element {
   const [permissionResponse, requestPermission] = Audio.usePermissions();
   const [recording, setRecording] = useState<Audio.Recording>();
@@ -77,6 +79,20 @@ export default function AudioPage(): JSX.Element {
     }
   };
 
+  const uploadFile = async (): Promise<void> => {
+    try {
+      const path = await uploadFileToSupabase({
+        file: uri!,
+        bucket: 'audios',
+        destPath: 'audio.m4a',
+      });
+
+      console.log('Uploaded to', path);
+    } catch (err) {
+      console.error('Failed to upload file', err);
+    }
+  };
+
   return (
     <SafeAreaView
       style={css`
@@ -98,6 +114,8 @@ export default function AudioPage(): JSX.Element {
         onPress={uri ? (isPlaying ? sound?.stopAsync : playSound) : undefined}
         size={40}
       />
+      <Typography.Heading3>Upload</Typography.Heading3>
+      {uri ? <IconButton icon="Upload" onPress={uploadFile} size={40} /> : null}
       <View
         style={css`
           height: 80px;

diff --git a/supabase.ts b/supabase.ts
@@ -14,3 +14,23 @@ export const supabase = createClient<Database>(supabaseUrl, supabaseAnonKey, {
     detectSessionInUrl: false,
   },
 });
+
+export const uploadFileToSupabase = async ({
+  file,
+  bucket,
+  destPath,
+}: {
+  file: string;
+  bucket: string;
+  destPath: string;
+}): Promise<string> => {
+  const {data, error} = await supabase.storage
+    .from(bucket)
+    .upload(destPath, file, {});
+
+  if (error) {
+    throw error;
+  }
+
+  return data.path;
+};