some changes in ui

src/Screens/Auction/LiveAuction.tsx

@@ -18,13 +18,14 @@ const LiveAuction = () => {
     const onEndReachedCalledDuringMomentum = useRef(true);
     const SelectedPurchaseList = useSelector((state: any) => state.selectPurchaseAuction);
     const [showRefreshBanner, setShowRefreshBanner] = useState(false);
-    const [allBoolean, setAllBoolean] = useState({ liveAuctionData: [] })
+    const [allBoolean, setAllBoolean] = useState({ liveAuctionData: [], isLoading: false })
     const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading, isRefetching, refetch, isPending }: any = useFetchLiveAuction();
 
     // My Methods
 
     const getMyAuction = async () => {
         try {
+            setAllBoolean(prev => ({ ...prev, isLoading: true }))
             const res = await apiCall<any>('get', `${GET_MY_AUCTION}`,);
             if (res?.statusCode === 200) {
                 const purchasedIds = new Set(res.data.map((item: any) => item.auctionId));
@@ -100,7 +101,7 @@ const LiveAuction = () => {
 
     return (
         <View style={{ flex: 1 }}>
-            <SearchInput onChange={() => { }} placeholder="Search...." />
+            <SearchInput onChange={() => { }} placeholder="Search...." filter={false} />
 
             {showRefreshBanner && (
                 <Animated.View
@@ -139,7 +140,7 @@ const LiveAuction = () => {
                 </Animated.View>
             )}
             {
-                isPending ? <Skeleton /> :
+                isPending || allBoolean.isLoading ? <Skeleton /> :
                     <FlatList
                         data={allBoolean.liveAuctionData ?? []}
                         renderItem={renderItem}