import { useState, useEffect } from 'react';
const Folder = require('lib/models/Folder');

interface HookDependencies {
	folderId: string,
}

export default function(dependencies:HookDependencies) {
	const { folderId } = dependencies;
	const [folder, setFolder] = useState(null);

	useEffect(function() {
		let cancelled = false;

		async function loadFolder() {
			const f = await Folder.load(folderId);
			if (cancelled) return;
			setFolder(f);
		}

		loadFolder();

		return function() {
			cancelled = true;
		};
	}, [folderId]);

	return folder;
}