obsidian-plugin/decaf-dev_obsidian-vault-explorer
1
0
Fork 0
mirror of https://github.com/decaf-dev/obsidian-vault-explorer.git synced 2026-07-22 10:10:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: make feed view available to everyone

Browse source
This commit is contained in:
DecafDev 2024-09-13 15:30:13 -06:00
parent beebf1d448
commit 8fdddc4c41
1 changed files with 10 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/svelte/app/components/feed-view.svelte
View file

@ -1,23 +1,13 @@
<script lang="ts">
import PremiumLink from "src/svelte/shared/components/premium-link.svelte";
import PremiumMessage from "src/svelte/shared/components/premium-message.svelte";
import { FileRenderData } from "../types";
import License from "src/svelte/shared/services/license";
import FeedCard from "./feed-card.svelte";
export let hasValidLicenseKey = false;
export let data: FileRenderData[] = [];
export let startIndex;
export let pageLength;
let filteredItems: FileRenderData[] = [];
License.getInstance()
.getHasValidKeyStore()
.subscribe((hasValidKey) => {
hasValidLicenseKey = hasValidKey;
});
$: {
if (startIndex < data.length) {
filteredItems = Array.from({ length: pageLength }, (_, i) => {
@ -31,22 +21,14 @@
</script>
<div class="vault-explorer-feed-view">
{#if !hasValidLicenseKey}
<div>
<PremiumMessage />
<PremiumLink />
</div>
{/if}
{#if hasValidLicenseKey}
{#each filteredItems as fileRenderData (fileRenderData.id)}
<FeedCard
displayName={fileRenderData.displayName}
extension={fileRenderData.extension}
baseName={fileRenderData.baseName}
path={fileRenderData.path}
content={fileRenderData.content}
createdMillis={fileRenderData.createdMillis}
/>
{/each}
{/if}
{#each filteredItems as fileRenderData (fileRenderData.id)}
<FeedCard
displayName={fileRenderData.displayName}
extension={fileRenderData.extension}
baseName={fileRenderData.baseName}
path={fileRenderData.path}
content={fileRenderData.content}
createdMillis={fileRenderData.createdMillis}
/>
{/each}
</div>