From 42e9b6bb2e43e45b65f580ac91e8b04ae4f4e6dc Mon Sep 17 00:00:00 2001
From: Amanda Bullington <35536439+albullington@users.noreply.github.com>
Date: Fri, 21 Feb 2025 15:02:39 -0800
Subject: [PATCH] Remove binoculars from Explore SpeciesView (#2689)

Co-authored-by: Johannes Klein <johannes.t.klein@gmail.com>
---
 src/components/Explore/Explore.js             |  1 -
 .../Explore/ExploreTaxonGridItem.tsx          | 29 +------------------
 src/components/Explore/SpeciesView.js         |  3 --
 3 files changed, 1 insertion(+), 32 deletions(-)

diff --git a/src/components/Explore/Explore.js b/src/components/Explore/Explore.js
index fcc52e1cc..fb294877e 100644
--- a/src/components/Explore/Explore.js
+++ b/src/components/Explore/Explore.js
@@ -169,7 +169,6 @@ const Explore = ( {
         {currentExploreView === "species" && (
           <SpeciesView
             canFetch={canFetch}
-            setCurrentExploreView={setCurrentExploreView}
             isConnected={isConnected}
             queryParams={queryParams}
             handleUpdateCount={handleUpdateCount}
diff --git a/src/components/Explore/ExploreTaxonGridItem.tsx b/src/components/Explore/ExploreTaxonGridItem.tsx
index c85ca23d8..a955b8095 100644
--- a/src/components/Explore/ExploreTaxonGridItem.tsx
+++ b/src/components/Explore/ExploreTaxonGridItem.tsx
@@ -1,28 +1,18 @@
-import { INatIcon } from "components/SharedComponents";
 import type { Props as TaxonGridItemProps } from "components/SharedComponents/TaxonGridItem";
 import TaxonGridItem from "components/SharedComponents/TaxonGridItem.tsx";
-import { Pressable } from "components/styledComponents";
-import {
-  EXPLORE_ACTION,
-  useExplore
-} from "providers/ExploreContext.tsx";
 import React from "react";
 import { useTranslation } from "sharedHooks";
-import colors from "styles/tailwindColors";
 
 interface Props extends TaxonGridItemProps {
   count?: number;
-  setCurrentExploreView: ( exploreView: "observations" ) => void
 }
 
 const ExploreTaxonGridItem = ( {
   count,
   showSpeciesSeenCheckmark = false,
   style,
-  taxon,
-  setCurrentExploreView
+  taxon
 }: Props ) => {
-  const { dispatch } = useExplore( );
   const { t } = useTranslation( );
   return (
     <TaxonGridItem
@@ -34,23 +24,6 @@ const ExploreTaxonGridItem = ( {
       showSpeciesSeenCheckmark={showSpeciesSeenCheckmark}
       style={style}
       taxon={taxon}
-      upperRight={count && (
-        <Pressable
-          accessibilityRole="button"
-          onPress={( ) => {
-            if ( !( taxon?.id && taxon?.name ) ) return;
-            dispatch( {
-              type: EXPLORE_ACTION.CHANGE_TAXON,
-              taxon: { id: taxon.id },
-              taxonId: taxon?.id,
-              taxonName: taxon?.preferred_common_name || taxon?.name
-            } );
-            setCurrentExploreView( "observations" );
-          }}
-        >
-          <INatIcon name="observations" size={15} color={String( colors?.white )} dropShadow />
-        </Pressable>
-      )}
     />
   );
 };
diff --git a/src/components/Explore/SpeciesView.js b/src/components/Explore/SpeciesView.js
index 09e306138..c1d2b71a5 100644
--- a/src/components/Explore/SpeciesView.js
+++ b/src/components/Explore/SpeciesView.js
@@ -22,7 +22,6 @@ type Props = {
   canFetch?: boolean,
   isConnected: boolean,
   queryParams: Object,
-  setCurrentExploreView: Function,
   handleUpdateCount: Function
 }
 
@@ -30,7 +29,6 @@ const SpeciesView = ( {
   canFetch,
   isConnected,
   queryParams,
-  setCurrentExploreView,
   handleUpdateCount
 }: Props ): Node => {
   // 20240814 - amanda: not sure if we actually need observedTaxonIds in state in the long
@@ -131,7 +129,6 @@ const SpeciesView = ( {
 
     return (
       <ExploreTaxonGridItem
-        setCurrentExploreView={setCurrentExploreView}
         key={itemKey}
         count={item?.count}
         style={gridItemStyle}