commit

src/Screens/Auction/Auction.tsx

@@ -5,7 +5,7 @@ import { useFetchLiveAuction, useFetchPurchaseAuction } from '../../Services/BBP
 import colors from '../../Constant/Color';
 import LiveAuction from './LiveAuction';
 import PurchaseAuction from './PurchaseAuction';
-import { ShoppingCart } from 'lucide-react-native';
+import { ShoppingCart, Lock } from 'lucide-react-native';
 import { useNavigation } from '@react-navigation/native';
 import NavigationString from '../../Constant/NavigationString';
 import FontsFamily from '../../Constant/FontsFamily';
@@ -21,6 +21,7 @@ const Auction = () => {
   const { data: liveAuctionData = {} }: any = useFetchLiveAuction();
   const { data: purchaseAuctionData = {} } = useFetchPurchaseAuction();
   const SelectedPurchaseList = useSelector((state: any) => state.selectPurchaseAuction);
+  const reduxToken = useSelector((state: any) => state.token?.token);
 
   const liveCount = Array.isArray(liveAuctionData?.result)
     ? liveAuctionData?.pages?.[0]?.totalCount
@@ -31,7 +32,6 @@ const Auction = () => {
     : 0;
 
   const [selectedTab, setSelectedTab] = useState<'live' | 'purchase'>('live');
-
   const translateX = useRef(new Animated.Value(0)).current;
 
   const TAB_WIDTH = useMemo(() => {
@@ -48,97 +48,136 @@ const Auction = () => {
     }).start();
   };
 
+  // Check if user is tender type
+  const isTenderUser = reduxToken?.userType?.toLowerCase() === 'tender';
+
+  // Render restricted access message
+  const renderRestrictedAccess = () => (
+    <View style={styles.restrictedContainer}>
+      <View style={styles.restrictedCard}>
+        <View style={styles.iconContainer}>
+          <Lock size={64} color={colors.primary} />
+        </View>
+        
+        <Text style={styles.restrictedTitle}>Auction Access Restricted</Text>
+        
+        <Text style={styles.restrictedMessage}>
+          You are currently logged in as a Tender user. Auction features are not available for your account type.
+        </Text>
+
+        <Text style={styles.restrictedSubMessage}>
+          To access auction features, please login with an Auction user account.
+        </Text>
+
+        <TouchableOpacity
+          style={styles.loginButton}
+          onPress={() => Navigation.navigate(NavigationString.Login)}
+        >
+          <Text style={styles.loginButtonText}>Switch to Auction Login</Text>
+        </TouchableOpacity>
+      </View>
+    </View>
+  );
+
   return (
     <View style={styles.container}>
       <InsideHeader title="Auction" showArrow />
 
-      <View style={styles.topRow}>
-        <View
-          style={[
-            styles.switchWrapper,
-            {
-              width: TAB_WIDTH * 2 + SWITCH_INSETS * 2,
-            },
-          ]}
-        >
-          <Animated.View
-            pointerEvents="none"
-            style={[
-              styles.activeTab,
-              {
-                width: TAB_WIDTH,
-                transform: [{ translateX }],
-              },
-            ]}
-          />
-
-          <TouchableOpacity
-            style={[styles.tab, { width: TAB_WIDTH }]}
-            activeOpacity={0.8}
-            onPress={() => onTabPress('live', 0)}
-          >
-            <Text
-              style={[
-                styles.tabText,
-                selectedTab === 'live' && styles.activeText,
-              ]}
-            >
-              Live ({liveCount})
-            </Text>
-          </TouchableOpacity>
-
-          <TouchableOpacity
-            style={[styles.tab, { width: TAB_WIDTH }]}
-            activeOpacity={0.8}
-            onPress={() => onTabPress('purchase', 1)}
-          >
-            <Text
-              style={[
-                styles.tabText,
-                selectedTab === 'purchase' && styles.activeText,
-              ]}
-            >
-              Purchased ({purchaseCount})
-            </Text>
-          </TouchableOpacity>
-        </View>
-
-        <View>
-          {SelectedPurchaseList.length ? (
+      {isTenderUser ? (
+        // Show restricted access message for tender users
+        renderRestrictedAccess()
+      ) : (
+        // Show normal auction UI for auction users
+        <>
+          <View style={styles.topRow}>
             <View
-              style={{
-                borderWidth: 2,
-                borderColor: colors.white,
-                backgroundColor: colors.primaryLight,
-                position: 'absolute',
-                borderRadius: 50,
-                zIndex: 20,
-                right: 0,
-                top: -10,
-                paddingHorizontal: 2,
-              }}
+              style={[
+                styles.switchWrapper,
+                {
+                  width: TAB_WIDTH * 2 + SWITCH_INSETS * 2,
+                },
+              ]}
             >
-              <Text style={{ fontSize: 12, color: colors.black }}>
-                {SelectedPurchaseList.length}
-              </Text>
-            </View>
-          ) : null}
-          <TouchableOpacity
-            style={{
-              padding: 10,
-              backgroundColor: colors.primaryLight,
-              borderRadius: 20,
-            }}
-            onPress={() => {
-              Navigation.navigate(NavigationString.PurchaseList);
-            }}
-          >
-            <ShoppingCart size={22} color={colors.black} strokeWidth={2} />
-          </TouchableOpacity>
-        </View>
-      </View>
+              <Animated.View
+                pointerEvents="none"
+                style={[
+                  styles.activeTab,
+                  {
+                    width: TAB_WIDTH,
+                    transform: [{ translateX }],
+                  },
+                ]}
+              />
 
-      {selectedTab === 'live' ? <LiveAuction /> : <PurchaseAuction />}
+              <TouchableOpacity
+                style={[styles.tab, { width: TAB_WIDTH }]}
+                activeOpacity={0.8}
+                onPress={() => onTabPress('live', 0)}
+              >
+                <Text
+                  style={[
+                    styles.tabText,
+                    selectedTab === 'live' && styles.activeText,
+                  ]}
+                >
+                  Live ({liveCount})
+                </Text>
+              </TouchableOpacity>
+
+              <TouchableOpacity
+                style={[styles.tab, { width: TAB_WIDTH }]}
+                activeOpacity={0.8}
+                onPress={() => onTabPress('purchase', 1)}
+              >
+                <Text
+                  style={[
+                    styles.tabText,
+                    selectedTab === 'purchase' && styles.activeText,
+                  ]}
+                >
+                  Purchased ({purchaseCount})
+                </Text>
+              </TouchableOpacity>
+            </View>
+
+            <View>
+              {SelectedPurchaseList.length ? (
+                <View
+                  style={{
+                    borderWidth: 2,
+                    borderColor: colors.white,
+                    backgroundColor: colors.primaryLight,
+                    position: 'absolute',
+                    borderRadius: 50,
+                    zIndex: 20,
+                    right: 0,
+                    top: -10,
+                    paddingHorizontal: 2,
+                  }}
+                >
+                  <Text style={{ fontSize: 12, color: colors.black }}>
+                    {SelectedPurchaseList.length}
+                  </Text>
+                </View>
+              ) : null}
+              <TouchableOpacity
+                style={{
+                  padding: 10,
+                  backgroundColor: colors.primaryLight,
+                  borderRadius: 20,
+                }}
+                onPress={() => {
+                  Navigation.navigate(NavigationString.PurchaseList);
+                }}
+              >
+                <ShoppingCart size={22} color={colors.black} strokeWidth={2} />
+              </TouchableOpacity>
+            </View>
+          </View>
+
+          {selectedTab === 'live' ? <LiveAuction /> : <PurchaseAuction />}
+        </>
+      )}
     </View>
   );
 };
@@ -191,4 +230,70 @@ const styles = StyleSheet.create({
     shadowRadius: 6,
     elevation: 3,
   },
+  restrictedContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 24,
+    backgroundColor: colors.lightGray,
+  },
+  restrictedCard: {
+    backgroundColor: colors.white,
+    borderRadius: 24,
+    padding: 32,
+    alignItems: 'center',
+    maxWidth: 400,
+    width: '100%',
+
+  },
+  iconContainer: {
+    width: 120,
+    height: 120,
+    borderRadius: 60,
+    backgroundColor: colors.primaryHighlight,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginBottom: 24,
+  },
+  restrictedTitle: {
+    fontSize: 24,
+    fontWeight: '700',
+    color: colors.darkText,
+    textAlign: 'center',
+    marginBottom: 16,
+    fontFamily: FontsFamily.poppinsBold,
+  },
+  restrictedMessage: {
+    fontSize: 16,
+    color: colors.grayText,
+    textAlign: 'center',
+    lineHeight: 24,
+    marginBottom: 12,
+    fontFamily: FontsFamily.poppinsRegular,
+  },
+  restrictedSubMessage: {
+    fontSize: 14,
+    color: colors.grayText,
+    textAlign: 'center',
+    lineHeight: 22,
+    marginBottom: 32,
+    fontFamily: FontsFamily.poppinsRegular,
+  },
+  loginButton: {
+    backgroundColor: colors.primary,
+    paddingHorizontal: 32,
+    paddingVertical: 14,
+    borderRadius: 12,
+    shadowColor: colors.primary,
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.3,
+    shadowRadius: 8,
+    elevation: 4,
+  },
+  loginButtonText: {
+    color: colors.white,
+    fontSize: 16,
+    fontWeight: '600',
+    fontFamily: FontsFamily.poppinsSemiBold,
+  },
 });