import React , { useState , useEffect } from 'react' ; import { RecentBoards } from 'ProjectPlanner/RecentBoards' ; import { ActiveUsers } from 'ProjectPlanner/ActiveUsers' ; import 'ProjectPlanner/BrowseBoardsSidebar.scss' ; export const BrowseBoardsSidebar = ( ) => { const [ isWide , setIsWide ] = useState ( true ) ; return isWide ? ( < aside className = "browse-boards-sidebar spacing" > < RecentBoards /> < ActiveUsers / > < /aside>) : null; } ;