mirror of
https://github.com/DeNNiiInc/dbgate.git
synced 2026-04-25 10:56:00 +00:00
26 lines
791 B
Svelte
26 lines
791 B
Svelte
<script lang="ts">
|
|
import _ from 'lodash';
|
|
|
|
import SearchBoxWrapper from '../elements/SearchBoxWrapper.svelte';
|
|
import SearchInput from '../elements/SearchInput.svelte';
|
|
import { useApiCall } from '../utility/api';
|
|
import WidgetsInnerContainer from '../widgets/WidgetsInnerContainer.svelte';
|
|
import PluginsList from './PluginsList.svelte';
|
|
|
|
let filter = '';
|
|
let search = '';
|
|
|
|
$: plugins = useApiCall('plugins/search', { filter: search }, []);
|
|
|
|
const setDebouncedFilter = _.debounce(value => (search = value), 500);
|
|
|
|
$: setDebouncedFilter(filter);
|
|
</script>
|
|
|
|
<SearchBoxWrapper>
|
|
<SearchInput placeholder="Search extensions on web" {filter} bind:value={filter} />
|
|
</SearchBoxWrapper>
|
|
<WidgetsInnerContainer>
|
|
<PluginsList plugins={$plugins} />
|
|
</WidgetsInnerContainer>
|