GPT

Storage Hook

import { useState } from 'react'; import { ref, uploadBytes, getDownloadURL, deleteObject } from 'firebase/storage'; import { storage } from '../firebase'; export function useStorage(path: string) { const [progress, se

Prompt text

Original English text. Replace placeholders with your own details.

import { useState } from 'react';
import { ref, uploadBytes, getDownloadURL, deleteObject } from 'firebase/storage';
import { storage } from '../firebase';

export function useStorage(path: string) {
 const [progress, setProgress] = useState(0);
 const [error, setError] = useState<string | null>(null);
 const [url, setUrl] = useState<string | null>(null);

 const uploadFile = async (file: File) => {
 try {
 setError(null);
 const storageRef = ref(storage, `${path}/${file.name}`);
 await uploadBytes(storageRef, file);
 const downloadUrl = await getDownloadURL(storageRef);
 setUrl(downloadUrl);
 return downloadUrl;
 } catch (err: any) {
 setError(err.message);
 throw err;
 }
 };

 const deleteFile = async (filename: string) => {
 try {
 setError(null);
 const storageRef = ref(storage, `${path}/${filename}`);
 await deleteObject(storageRef);
 setUrl(null);
 } catch (err: any) {
 setError(err.message);
 throw err;
 }
 };

 return { progress, error, url, uploadFile, deleteFile };
}

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →