Revert "show popover instead of tooltip on mobile"

This reverts commit 8703e808.

ui/marketplace/Rating/PopoverContent.tsx

 import { Text, Flex, Spinner } from '@chakra-ui/react';
 import React from 'react';
 
-import useIsMobile from 'lib/hooks/useIsMobile';
 import IconSvg from 'ui/shared/IconSvg';
 
 import Stars from './Stars';
-import { getTooltipText } from './utils';
 
 const ratingDescriptions = [ 'Terrible', 'Poor', 'Average', 'Very good', 'Outstanding' ];
 
@@ -15,12 +13,9 @@ type Props = {
   isRatedByUser?: boolean;
   rate: (appId: string, recordId: string | undefined, rating: number) => void;
   isSending?: boolean;
-  canRate: boolean | undefined;
 };
 
-const PopoverContent = ({ appId, recordId, isRatedByUser, rate, isSending, canRate }: Props) => {
-  const isMobile = useIsMobile();
-
+const PopoverContent = ({ appId, recordId, isRatedByUser, rate, isSending }: Props) => {
   const [ hovered, setHovered ] = React.useState(-1);
 
   const handleMouseOverFactory = React.useCallback((index: number) => () => {
@@ -35,14 +30,6 @@ const PopoverContent = ({ appId, recordId, isRatedByUser, rate, isSending, canRa
     rate(appId, recordId, index + 1);
   }, [ appId, recordId, rate ]);
 
-  if (isMobile && !canRate) {
-    return (
-      <Text fontSize="md" textAlign="center">
-        { getTooltipText(canRate) }
-      </Text>
-    );
-  }
-
   if (isRatedByUser) {
     return (
       <Flex alignItems="center">

ui/marketplace/Rating/Rating.tsx

@@ -56,7 +56,6 @@ const Rating = ({
               isRatedByUser={ isRatedByUser }
               rate={ rate }
               isSending={ isSending }
-              canRate={ canRate }
             />
           </PopoverBody>
         </PopoverContent>

ui/marketplace/Rating/TriggerButton.tsx

 import { Button, chakra, useColorModeValue, Tooltip } from '@chakra-ui/react';
 import React from 'react';
 
-import useIsMobile from 'lib/hooks/useIsMobile';
 import usePreventFocusAfterModalClosing from 'lib/hooks/usePreventFocusAfterModalClosing';
 import IconSvg from 'ui/shared/IconSvg';
 
-import { getTooltipText } from './utils';
-
 type Props = {
   rating?: number;
   fullView?: boolean;
@@ -15,13 +12,22 @@ type Props = {
   canRate: boolean | undefined;
 };
 
+const getTooltipText = (canRate: boolean | undefined) => {
+  if (canRate === undefined) {
+    return <>You need a connected wallet to leave your rating.<br/>Link your wallet to Blockscout first</>;
+  }
+  if (!canRate) {
+    return <>New wallet users are not eligible to leave ratings.<br/>Please connect a different wallet</>;
+  }
+  return <>Ratings are derived from reviews by trusted users.<br/>Click here to rate!</>;
+};
+
 const TriggerButton = (
   { rating, fullView, isActive, onClick, canRate }: Props,
   ref: React.ForwardedRef<HTMLButtonElement>,
 ) => {
   const textColor = useColorModeValue('blackAlpha.800', 'whiteAlpha.800');
   const onFocusCapture = usePreventFocusAfterModalClosing();
-  const isMobile = useIsMobile();
 
   return (
     <Tooltip
@@ -36,7 +42,7 @@ const TriggerButton = (
         variant="outline"
         border={ 0 }
         p={ 0 }
-        onClick={ (canRate || isMobile) ? onClick : undefined }
+        onClick={ canRate ? onClick : undefined }
         fontSize={ fullView ? 'md' : 'sm' }
         fontWeight={ fullView ? '400' : '500' }
         lineHeight="21px"

ui/marketplace/Rating/utils.tsx

-import React from 'react';
-
-export const getTooltipText = (canRate: boolean | undefined) => {
-  if (canRate === undefined) {
-    return <>You need a connected wallet to leave your rating.<br/>Link your wallet to Blockscout first</>;
-  }
-  if (!canRate) {
-    return <>New wallet users are not eligible to leave ratings.<br/>Please connect a different wallet</>;
-  }
-  return <>Ratings are derived from reviews by trusted users.<br/>Click here to rate!</>;
-};