27 lines
897 B
TypeScript
27 lines
897 B
TypeScript
|
import * as React from "bloatless-react";
|
||
|
|
|
||
|
|
import { DirectoryItemList } from "../Components/directoryItemList";
|
||
|
|
import { FileBrowser } from "../Components/fileBrowser";
|
||
|
|
import StorageModel from "../../Model/storageModel";
|
||
|
|
import StorageViewModel from "../../ViewModel/storageViewModel";
|
||
|
|
import { translations } from "../translations";
|
||
|
|
|
||
|
|
export function StorageModal(storageViewModel: StorageViewModel) {
|
||
|
|
return (
|
||
|
|
<div class="modal" toggle:open={storageViewModel.isShowingStorageModal}>
|
||
|
|
<div style="max-width: 64rem">
|
||
|
|
<main class="padding-0">
|
||
|
|
{FileBrowser(
|
||
|
|
storageViewModel.storageModel,
|
||
|
|
storageViewModel.selectedPath
|
||
|
|
)}
|
||
|
|
</main>
|
||
|
|
<button on:click={storageViewModel.hideStorageModal}>
|
||
|
|
{translations.general.closeButton}
|
||
|
|
<span class="icon">close</span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|