diff --git a/src/components/PullToRefreshIndicator.tsx b/src/components/PullToRefreshIndicator.tsx index 930eb9ef..c5108b8c 100644 --- a/src/components/PullToRefreshIndicator.tsx +++ b/src/components/PullToRefreshIndicator.tsx @@ -1,6 +1,6 @@ import React from 'react' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' -import { faArrowDown, faSpinner } from '@fortawesome/free-solid-svg-icons' +import { faArrowDown } from '@fortawesome/free-solid-svg-icons' interface PullToRefreshIndicatorProps { isPulling: boolean @@ -17,8 +17,8 @@ const PullToRefreshIndicator: React.FC = ({ isRefreshing, threshold = 80 }) => { - // Don't show if not pulling and not refreshing - if (!isPulling && !isRefreshing) return null + // Only show when actively pulling, not when refreshing + if (!isPulling) return null const opacity = Math.min(pullDistance / threshold, 1) const rotation = (pullDistance / threshold) * 180 @@ -27,31 +27,23 @@ const PullToRefreshIndicator: React.FC = ({
- {isRefreshing ? ( - - ) : ( - - )} +
- {isRefreshing - ? 'Refreshing...' - : canRefresh - ? 'Release to refresh' - : 'Pull to refresh'} + {canRefresh ? 'Release to refresh' : 'Pull to refresh'}
)