Figma plugin! (#227)

* initialize figma plugin

* Add icons to view

* Make the plugin work

* Fix search hook

* Finialize figma plugin

* Finish up icons

* remove unused code

* Add cover and icon
This commit is contained in:
Eric Fennis
2021-02-26 16:35:18 +01:00
committed by GitHub
parent c4f50417d5
commit 87ab0bfb62
21 changed files with 4655 additions and 11 deletions

View File

@@ -1,20 +1,19 @@
import { useEffect, useMemo, useState } from 'react';
import { useDebounce } from './useDebounce';
interface Icon {
name: string;
tags: string[],
}
function useSearch(icons: Array<any>, query:string) {
function useSearch(icons: Icon[], query:string) {
if(!query) return icons;
const searchString = query.toLowerCase()
return icons.filter(({ name, tags }) => {
const icon = { name, tags };
return Object.keys(icon).some(
key => String(icon[key])
.toLowerCase()
.includes(searchString)
return icons.filter(({ name, tags }: Icon) => [name, ...tags].some(
(item:string) => item
.toLowerCase()
.includes(searchString)
)
});
);
}
export default useSearch;