Files
WPS3Media/ui/pro/AssetsPage.svelte

34 lines
948 B
Svelte
Raw Normal View History

<script>
import {
assetsSettings,
assetsSettingsChanged,
assetsSettingsLocked,
currentAssetsSettings,
enableAssets
} from "./stores";
import Page from "../components/Page.svelte";
import Notifications from "../components/Notifications.svelte";
import AssetsSettings from "./AssetsSettings.svelte";
import AssetsUpgrade from "./AssetsUpgrade.svelte";
import Footer from "../components/Footer.svelte";
import {setContext} from "svelte";
export let name = "assets";
// Let all child components know if settings are currently locked.
setContext( "settingsLocked", assetsSettingsLocked );
</script>
<Page {name} on:routeEvent initialSettings={currentAssetsSettings}>
<Notifications tab={name}/>
<div class="assets-page wrapper">
{#if $enableAssets}
<AssetsSettings/>
{:else}
<AssetsUpgrade/>
{/if}
</div>
</Page>
<Footer settingsStore={assetsSettings} settingsChangedStore={assetsSettingsChanged} on:routeEvent/>