@@ -24,7 +24,7 @@ import AlSummaryLine from './components/AlSummaryLine';
2424import { ContextAppLoaded } from '../../app/context' ;
2525import Header from '../Header' ;
2626import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome' ;
27- import { faAnglesUp } from '@fortawesome/free-solid-svg-icons' ;
27+ import { faAngleUp } from '@fortawesome/free-solid-svg-icons' ;
2828import { useMagicModal } from 'react-native-magic-modal' ;
2929import Snackbars from '../Components/Snackbars' ;
3030import { ToastProvider , useToast } from 'react-native-toastier' ;
@@ -94,18 +94,18 @@ const AddressList: React.FunctionComponent<AddressListProps> = ({
9494 const handleScrollToTop = useCallback ( ( ) => {
9595 if ( scrollViewRef . current && ! isScrollingToTop ) {
9696 setIsScrollingToTop ( true ) ;
97-
97+
9898 // Clear any existing timeout
9999 if ( scrollTimeoutRef . current ) {
100100 clearTimeout ( scrollTimeoutRef . current ) ;
101101 }
102-
102+
103103 // Force set to top immediately for UI feedback
104104 setIsAtTop ( true ) ;
105-
105+
106106 // Scroll to top
107107 scrollViewRef . current . scrollTo ( { y : 0 , animated : true } ) ;
108-
108+
109109 // Set timeout to reset scrolling state
110110 scrollTimeoutRef . current = setTimeout ( ( ) => {
111111 setIsScrollingToTop ( false ) ;
@@ -120,7 +120,7 @@ const AddressList: React.FunctionComponent<AddressListProps> = ({
120120 const handleScroll = useCallback ( ( event : NativeSyntheticEvent < NativeScrollEvent > ) => {
121121 const { contentOffset } = event . nativeEvent ;
122122 const isTop = contentOffset . y <= 100 ;
123-
123+
124124 // If we're scrolling to top and we've reached the top, stop the scrolling state
125125 if ( isScrollingToTop && isTop ) {
126126 setIsScrollingToTop ( false ) ;
@@ -129,7 +129,7 @@ const AddressList: React.FunctionComponent<AddressListProps> = ({
129129 scrollTimeoutRef . current = null ;
130130 }
131131 }
132-
132+
133133 // Always update isAtTop for manual scrolling
134134 setIsAtTop ( isTop ) ;
135135 } , [ isScrollingToTop ] ) ;
@@ -250,25 +250,25 @@ const AddressList: React.FunctionComponent<AddressListProps> = ({
250250 ) }
251251 </ ScrollView >
252252 { ! isAtTop && (
253- < TouchableOpacity
254- onPress = { handleScrollToTop }
253+ < TouchableOpacity
254+ onPress = { handleScrollToTop }
255255 disabled = { isScrollingToTop }
256- style = { {
257- position : 'absolute' ,
258- bottom : 105 ,
256+ style = { {
257+ position : 'absolute' ,
258+ bottom : 105 ,
259259 right : 10 ,
260260 paddingHorizontal : 5 ,
261261 paddingVertical : 10 ,
262- backgroundColor : isScrollingToTop ? colors . primaryDisabled : colors . sideMenuBackground ,
262+ backgroundColor : colors . sideMenuBackground ,
263263 borderRadius : 50 ,
264264 borderWidth : 1 ,
265- borderColor : isScrollingToTop ? colors . primaryDisabled : colors . zingo ,
265+ borderColor : colors . zingo ,
266266 opacity : isScrollingToTop ? 0.5 : 1 ,
267267 } } >
268268 < FontAwesomeIcon
269269 style = { { marginLeft : 5 , marginRight : 5 , marginTop : 0 } }
270270 size = { 20 }
271- icon = { faAnglesUp }
271+ icon = { faAngleUp }
272272 color = { colors . zingo }
273273 />
274274 </ TouchableOpacity >
0 commit comments