Merge pull request #359 from decaf-dev/update-feed-view

Update feed view
This commit is contained in:
DecafDev 2024-09-13 15:31:02 -06:00 committed by GitHub
commit 47d11c5f44
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 11 additions and 29 deletions

View file

@ -90,8 +90,8 @@ export const DEFAULT_SETTINGS: VaultExplorerPluginSettings = {
viewOrder: [
TExplorerView.GRID,
TExplorerView.LIST,
TExplorerView.TABLE,
TExplorerView.FEED,
TExplorerView.TABLE,
],
configDir: ".vaultexplorer",
pluginVersion: null,

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>