File tree Expand file tree Collapse file tree 2 files changed +17
-12
lines changed
Expand file tree Collapse file tree 2 files changed +17
-12
lines changed Original file line number Diff line number Diff line change @@ -152,9 +152,9 @@ footer a:hover {
152152 }
153153}
154154
155- input [type = text ] {
155+ input [type = ' text' ] {
156156 border-radius : 0.5em ;
157157 margin : 0.5em ;
158158 padding : 0.5em ;
159159 border-color : # 2c3e50 ;
160- }
160+ }
Original file line number Diff line number Diff line change 55
66<main >
77 <h1 >Available Font-Awesome v4 Icons</h1 >
8- <input type ="text" name ="search" placeholder ="Search Icon" on:input ={(e ) => debounce (e .currentTarget .value )}>
8+ <input
9+ type =" text"
10+ name =" search"
11+ placeholder =" Search Icon"
12+ on:input ={(e ) => debounce (e .currentTarget .value )}
13+ />
914 <table >
1015 <thead >
1116 <tr >
5257 function getIcon(name : string ): IconType {
5358 return (icons as Record <string , IconType >)[name ];
5459 }
55-
60+
5661 let searchValue = ' ' ;
57- let timer : number ;
58- const debounce = (v : string ) => {
59- clearTimeout (timer );
60- timer = setTimeout (() => {
61- searchValue = v ;
62- }, 750 );
63- }
62+ let timer: number ;
63+ const debounce = (v : string ) => {
64+ clearTimeout (timer );
65+ timer = setTimeout (() => {
66+ searchValue = v ;
67+ }, 750 );
68+ };
6469
65- $ : filteredIcons = data .filter (icon => icon .iconName .toLowerCase ().startsWith (searchValue ))
70+ $ : filteredIcons = data .filter (( icon ) => icon .iconName .toLowerCase ().startsWith (searchValue ));
6671 </script >
You can’t perform that action at this time.
0 commit comments