sha/sLogos
1
0
Fork 0
mirror of https://github.com/shadoll/sLogos.git synced 2025-12-20 04:27:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: add addBrand prop to CardSmall, CardMiddle, List, and Home components for brand filtering

Browse Source
This commit is contained in:
sHa
2025-05-29 17:40:35 +03:00
parent f1731e55dd
commit 585589a2d4
4 changed files with 9 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/CardMiddle.svelte
View File

@@ -8,8 +8,8 @@
export let theme;
export let onCopy;
export let onDownload;
export let setSearchQuery;
export let allLogos = [];
export let addBrand = () => {};
export const setTheme = () => {};
function openPreview(logo) {
@@ -63,13 +63,8 @@
class="brand-filter-btn"
title="Filter by brand"
on:click={() => {
console.log('CardSquare: Filtering by brand:', logo.brand);
setSearchQuery(logo.brand);
// Update URL with search param
const params = new URLSearchParams(window.location.search);
params.set('search', logo.brand);
const newUrl = window.location.pathname + (params.toString() ? '?' + params.toString() : '');
history.replaceState(null, '', newUrl);
console.log('CardMiddle: Filtering by brand:', logo.brand);
addBrand(logo.brand);
}}
>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">

9
src/components/CardSmall.svelte
View File

@@ -8,8 +8,8 @@
export let theme;
export let onCopy;
export let onDownload;
export let setSearchQuery;
export let allLogos = [];
export let addBrand = () => {};
export const setTheme = () => {};
function openPreview(logo) {
@@ -64,12 +64,7 @@
title="Filter by brand"
on:click={() => {
console.log('CardList: Filtering by brand:', logo.brand);
setSearchQuery(logo.brand);
// Update URL with search param
const params = new URLSearchParams(window.location.search);
params.set('search', logo.brand);
const newUrl = window.location.pathname + (params.toString() ? '?' + params.toString() : '');
history.replaceState(null, '', newUrl);
addBrand(logo.brand);
}}
>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">

3
src/components/List.svelte
View File

@@ -9,6 +9,7 @@
export let onDownload;
export let setSearchQuery;
export let allLogos = [];
export let addBrand = () => {};
export let theme;
export let viewMode = "grid";
export let setTheme = () => {};
@@ -26,6 +27,7 @@
{onDownload}
{setSearchQuery}
{allLogos}
{addBrand}
{setTheme}
/>
{:else if viewMode === "compact"}
@@ -44,6 +46,7 @@
{onDownload}
{setSearchQuery}
{allLogos}
{addBrand}
{setTheme}
/>
{/if}

1
src/pages/Home.svelte
View File

@@ -220,6 +220,7 @@
{onDownload}
{setSearchQuery}
{allLogos}
{addBrand}
{setTheme}
/>
</main>