chore: remove auto refresh

apps/web/src/components/Staff/Users/List.tsx

@@ -12,21 +12,12 @@ import {
   useExploreProfilesQuery
 } from '@hey/lens';
 import getProfile from '@hey/lib/getProfile';
-import {
-  Button,
-  Card,
-  EmptyState,
-  ErrorMessage,
-  Modal,
-  Select,
-  Toggle,
-  Tooltip
-} from '@hey/ui';
+import { Button, Card, EmptyState, ErrorMessage, Modal, Select } from '@hey/ui';
 import cn from '@hey/ui/cn';
 import { motion } from 'framer-motion';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 import { Virtuoso } from 'react-virtuoso';
 
 import ProfileFeed from './ProfileFeed';
@@ -37,7 +28,6 @@ const List: FC = () => {
     ExploreProfilesOrderByType.LatestCreated
   );
   const [value, setValue] = useState('');
-  const [autoRefresh, setAutoRefresh] = useState(false);
   const [refetching, setRefetching] = useState(false);
   const [showPublicationsModal, setShowPublicationsModal] = useState(false);
   const [selectedProfile, setSelectedProfile] = useState<null | Profile>(null);
@@ -53,17 +43,6 @@ const List: FC = () => {
     variables: { request }
   });
 
-  useEffect(() => {
-    if (autoRefresh) {
-      const interval = setInterval(() => {
-        refetch();
-      }, 1000);
-
-      return () => clearInterval(interval);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [autoRefresh]);
-
   const profiles = data?.exploreProfiles.items;
   const pageInfo = data?.exploreProfiles?.pageInfo;
   const hasMore = pageInfo?.next;
@@ -118,9 +97,6 @@ const List: FC = () => {
             className={cn(refetching && 'animate-spin', 'size-5')}
           />
         </button>
-        <Tooltip content="Auto refresh" placement="top">
-          <Toggle on={autoRefresh} setOn={() => setAutoRefresh(!autoRefresh)} />
-        </Tooltip>
       </div>
       <div className="divider" />
       <div className="p-5">