From 85c7e1b6913bd006d30d55af7691bf95b07fff43 Mon Sep 17 00:00:00 2001
From: Abdul Rahman <49914809+chrehman@users.noreply.github.com>
Date: Sat, 1 Jan 2022 17:06:36 +0500
Subject: [PATCH] fix errors

---
 pages/components/HeaderOption.js  | 2 +-
 pages/components/HeaderOptions.js | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/pages/components/HeaderOption.js b/pages/components/HeaderOption.js
index c63bff5..6dd69db 100644
--- 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
index 40981a4..02d9a48 100644
--- 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>