Merge pull request #8 from oslabs-beta/navBarButtonSwap

feat: swapped out default buttons for link to GH/Chrome Store

Author: benmarg

www/src/pages/components/NavBar.tsx

@@ -39,17 +39,18 @@ function NavBarSytling() {
               <div className="flex items-center">
                 <div className="ml-6 flex-shrink-0">
                   <img
-                    className="block h-8 w-auto lg:hidden"
+                    className="block h-9 w-auto lg:hidden"
                     src="https://i.imgur.com/ELBAyVb.png"
                     alt="Your Company"
                   />
                   <img
-                    className="hidden h-8 w-auto lg:block"
+                    className="hidden h-9 w-auto lg:block"
                     src="https://i.imgur.com/ELBAyVb.png"
                     alt="Your Company"
                   />
                 </div>
-                <span className="inline-flex items-center mx-4 rounded-full bg-red-200 px-2.5 py-0.5 text-xs font-medium text-red-800">
+                <h2 className="font-bold text-2xl pl-1 mt-2">Reactime</h2>
+                <span className="inline-flex items-center mt-2 mx-4 rounded-full bg-red-200 px-2.5 py-0.5 text-xs font-medium text-red-800">
                   v17.0.0
                 </span>
 
@@ -58,26 +59,18 @@ function NavBarSytling() {
             <div className="hidden sm:ml-6 sm:block">
                   <div className="flex space-x-4">
                     {/* Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" */}
-                    <a href="#" className="rounded-md bg-gray-900 px-3 py-2 text-sm font-medium text-white">
-                      Dashboard
-                    </a>
-                    <a
-                      href="#"
-                      className="rounded-md px-3 py-2 text-sm font-medium text-gray-500 hover:bg-gray-700 hover:text-white"
-                    >
-                      Team
-                    </a>
                     <a
-                      href="#"
+                      href="http://github.com/open-source-labs/reactime"
+                      target="_blank"
                       className="rounded-md px-3 py-2 text-sm font-medium text-gray-500 hover:bg-gray-700 hover:text-white"
                     >
-                      Projects
+                      Github
                     </a>
-                    <a
-                      href="#"
-                      className="rounded-md px-3 py-2 text-sm font-medium text-gray-500 hover:bg-gray-700 hover:text-white"
-                    >
-                      Calendar
+                    <a 
+                    href="https://chrome.google.com/webstore/detail/reactime/cgibknllccemdnfhfpmjhffpjfeidjga?hl=en-US"
+                    target="_blank"
+                    className="rounded-md bg-gray-900 px-3 py-2 text-sm font-medium text-white hover:bg-gray-700 hover:text-white">
+                      Download
                     </a>
                   </div>
                 </div>
@@ -87,80 +80,36 @@ function NavBarSytling() {
           <Disclosure.Panel className="sm:hidden">
             <div className="space-y-1 px-2 pt-2 pb-3">
               {/* Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" */}
+             
               <Disclosure.Button
                 as="a"
                 href="#"
-                className="block rounded-md bg-gray-900 px-3 py-2 text-base font-medium text-white"
+                className="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white"
               >
-                Dashboard
+                Team
               </Disclosure.Button>
               <Disclosure.Button
                 as="a"
                 href="#"
                 className="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white"
               >
-                Team
+                Projects
               </Disclosure.Button>
               <Disclosure.Button
                 as="a"
                 href="#"
                 className="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white"
               >
-                Projects
+                Calendar
               </Disclosure.Button>
               <Disclosure.Button
                 as="a"
                 href="#"
-                className="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white"
+                className="block rounded-md bg-gray-900 px-3 py-2 text-base font-medium text-white"
               >
-                Calendar
+                Download
               </Disclosure.Button>
             </div>
-            <div className="border-t border-gray-700 pt-4 pb-3">
-              <div className="flex items-center px-5">
-                <div className="flex-shrink-0">
-                  <img
-                    className="h-10 w-10 rounded-full"
-                    src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
-                    alt=""
-                  />
-                </div>
-                <div className="ml-3">
-                  <div className="text-base font-medium text-white">Tom Cook</div>
-                  <div className="text-sm font-medium text-gray-400">[email protected]</div>
-                </div>
-                <button
-                  type="button"
-                  className="ml-auto flex-shrink-0 rounded-full bg-gray-800 p-1 text-gray-400 hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800"
-                >
-                  <span className="sr-only">View notifications</span>
-                  <BellIcon className="h-6 w-6" aria-hidden="true" />
-                </button>
-              </div>
-              <div className="mt-3 space-y-1 px-2">
-                <Disclosure.Button
-                  as="a"
-                  href="#"
-                  className="block rounded-md px-3 py-2 text-base font-medium text-gray-400 hover:bg-gray-700 hover:text-white"
-                >
-                  Your Profile
-                </Disclosure.Button>
-                <Disclosure.Button
-                  as="a"
-                  href="#"
-                  className="block rounded-md px-3 py-2 text-base font-medium text-gray-400 hover:bg-gray-700 hover:text-white"
-                >
-                  Settings
-                </Disclosure.Button>
-                <Disclosure.Button
-                  as="a"
-                  href="#"
-                  className="block rounded-md px-3 py-2 text-base font-medium text-gray-400 hover:bg-gray-700 hover:text-white"
-                >
-                  Sign out
-                </Disclosure.Button>
-              </div>
-            </div>
           </Disclosure.Panel>
         </>
       )}