@@ -9,23 +9,19 @@ import itemStyle from "./tag-list-item.module.scss";
99import menuStyle from "styles/tag.module.scss" ;
1010import { useSelectedTags } from "@/contexts/SelectedContext" ;
1111import { useScreenSize } from "@/contexts/ScreenSizeContext" ;
12- import tagStyles from "@/styles/tag.module.scss" ;
1312const TagList = ( ) => {
1413 const userAuth = useAuth ( ) ;
1514 const tagMap = useTags ( ) ;
1615 const [ loading , setLoading ] = useState ( false ) ;
1716 const { selected, setSelected } = useSelectedTags ( ) ;
1817 const isPC = useScreenSize ( ) ;
19- // console.log(isPC)
20- // if (!isPC) return null;
2118 useEffect ( ( ) => {
2219 if ( userAuth && tagMap . size == 0 ) {
2320 setLoading ( true ) ;
2421 api
2522 . getAllTags ( )
2623 . then ( ( results ) => {
2724 const tags : TagReqPayload [ ] = results . data as TagReqPayload [ ] ;
28- console . log ( "getting all Tags:" , tags ) ;
2925 for ( let tag of tags ) {
3026 const twc : TagWithCnt = {
3127 title : tag . title ,
@@ -43,7 +39,6 @@ const TagList = () => {
4339
4440 function selectTag ( event : any , title : string ) {
4541 const idx = selected . indexOf ( title ) ;
46- console . log ( idx ) ;
4742 if ( idx >= 0 ) {
4843 const updated = [ ...selected ] ;
4944 updated . splice ( idx , 1 ) ;
@@ -58,7 +53,6 @@ const TagList = () => {
5853 let groupItems : any = [ ] ;
5954 tagMap . forEach ( ( tagCnt ) => {
6055 groupItems . push (
61-
6256 < ListGroup . Item
6357 key = { `${ tagCnt . title } -item` }
6458 className = { `${ itemStyle . item } ` }
@@ -98,16 +92,16 @@ const TagList = () => {
9892 }
9993
10094 return (
101- isPC && (
102- < div >
103- { ! loading ? (
104- < ListGroup variant = "flush" className = { menuStyle . tagList } >
105- { groupItems || [ ] } { /* Make sure groupItems is defined */ }
106- </ ListGroup >
107- ) : null }
108- </ div >
109- )
110- ) ;
95+ isPC && (
96+ < div >
97+ { ! loading ? (
98+ < ListGroup variant = "flush" className = { menuStyle . tagList } >
99+ { groupItems || [ ] } { /* Make sure groupItems is defined */ }
100+ </ ListGroup >
101+ ) : null }
102+ </ div >
103+ )
104+ ) ;
111105} ;
112106
113107export default TagList ;
0 commit comments