ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-06-12 21:27:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: cooler info chips, minor refactoring

Browse Source
This commit is contained in:
afn
2022-10-23 10:54:19 -04:00
parent 831c4d9d47
commit aac71915e5
8 changed files with 74 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/routes/patches/+page.svelte
View File

@ -3,7 +3,7 @@
import { fly } from 'svelte/transition';
import { quintOut } from 'svelte/easing';
import type { Patch } from '$lib/types';
import type { CompatiblePackage, Patch } from 'src/data/types';
import type { PatchesData } from '../../data/PatchesStore';
import { PatchesStore } from '../../data/PatchesStore';
@ -12,8 +12,8 @@
import PatchCell from '$lib/components/atoms/PatchCell.svelte';
import Footer from '$lib/components/molecules/Footer.svelte';
let patches: Patch[]
let packages: string[];
let patches: Patch[];
let packages: string[];
let current: boolean = false;
onMount(() => {
@ -22,14 +22,14 @@
});
});
function search(findTerm, array){
for (let i = 0; i < array.length; i++) {
if (array[i].name === findTerm) {
return true;
};
};
return false;
};
function search(findTerm: string | boolean, array: CompatiblePackage[]) {
for (let i = 0; i < array.length; i++) {
if (array[i].name === findTerm) {
return true;
}
}
return false;
}
</script>
<svelte:head>
@ -51,20 +51,12 @@
<div class="patches-container">
{#if patches}
{#each patches as { name, description, version, options, compatiblePackages }, i}
{#if search(current, compatiblePackages) || !current}
<div in:fly={{ x: 10, easing: quintOut, duration: 750, delay: -(300 * 0.85 ** i) + 300 }}>
<PatchCell
bind:current
{name}
{description}
{version}
{options}
{compatiblePackages}
hasPatchOptions={!!options.length}
/>
</div>
{/if}
{#each patches as patch, i}
{#if search(current, patch.compatiblePackages) || !current}
<div in:fly={{ x: 10, easing: quintOut, duration: 750, delay: -(300 * 0.85 ** i) + 300 }}>
<PatchCell bind:current {patch} />
</div>
{/if}
{/each}
{/if}
</div>
@ -89,7 +81,7 @@
width: 100%;
position: sticky;
z-index: 1;
min-height: calc(100vh - 7.5rem);
min-height: calc(100vh - 7.5rem);
}
/*