fix errors

chrehman · Jan 1, 2022 · 85c7e1b · 85c7e1b
1 parent 0569f58
commit 85c7e1b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/pages/components/HeaderOption.js b/pages/components/HeaderOption.js
@@ -1,6 +1,6 @@
 import React from 'react'
 
-function HeaderOption({Icon,title,selected=null}) {
+function HeaderOption({Icon,title,selected}) {
     return (
         <div className={`flex items-center space-x-1 border-b-4 border-transparent hover:text-blue-500 hover:border-blue-500 pb-3 cursor-pointer ${selected && "text-blue-500 bborder-blue-500"} `}>
             <Icon className="h-4" />

diff --git a/pages/components/HeaderOptions.js b/pages/components/HeaderOptions.js
@@ -8,21 +8,26 @@ function HeaderOptions() {
             <div className="flex space-x-6 items-center">
                 <HeaderOption Icon={SearchIcon}
                     title="All"
-                    selected />
+                    selected={true} />
                 <HeaderOption Icon={PhotographIcon}
                     title="Images"
+                    selected={false}
                 />
                 <HeaderOption Icon={PlayIcon}
                     title="Videos"
+                    selected={false}
                 />
                 <HeaderOption Icon={NewspaperIcon}
                     title="News"
+                    selected={false}
                 />
                 <HeaderOption Icon={MapIcon}
                     title="Map"
+                    selected={false}
                 />
                 <HeaderOption Icon={DotsVerticalIcon}
                     title="More"
+                    selected={false}
                 />
             </div>