const filter = (type) => {
listIcons = document.getElementsByClassName('Result-Row');
arrIcons = Array.from(listIcons);
arrIcons.map((icons) => {
if (icons.children[0].innerText !== type) {
icons.style = 'display:none';
return icons;
}
icons.style = 'display:flex';
return icons;
});
}
const helpFilter = () => {
console.log('to use filter send the name of type design');
console.log(`
- AntDesign by AntFinance (297 icons)
- Entypo by Daniel Bruce (411 icons)
- EvilIcons by Alexander Madyankin & Roman Shamin (v1.10.1, 70 icons)
- Feather by Cole Bemis & Contributors (v4.7.0, 266 icons)
- FontAwesome by Dave Gandy (v4.7.0, 675 icons)
- FontAwesome 5 by Fonticons, Inc. (v5.3.1, 1341 (free) 3978 (pro) icons)
- Foundation by ZURB, Inc. (v3.0, 283 icons)
- Ionicons by Ben Sperry (v4.2.4, 696 icons)
- MaterialIcons by Google, Inc. (v3.0.1, 932 icons)
- MaterialCommunityIcons by MaterialDesignIcons.com (v2.8.94, 2894 icons)
- Octicons by Github, Inc. (v8.0.0, 177 icons)
- Zocial by Sam Collins (v1.0, 100 icons)
- SimpleLineIcons by Sabbir & Contributors (v2.4.1, 189 icons)
`);
}
const showEp = () => filter('Entypo');
const showEvi = () => filter('EvilIcons');
const showFh = () => filter('Feather');
const showFou = () => filter('Foundation');
const showMci = () => filter('MaterialCommunityIcons');
const showMi = () => filter('MaterialIcons');
const showOi = () => filter('Octicons');
const showAd = () => filter('AntDesign');
const showFa = () => filter('FontAwesome');
const showFa5 = () => filter('FontAwesome5');
const showIo = () => filter('Ionicons');
const showZo = () => filter('Zocial');
const showSli = () => filter('SimpleLineIcons');