## Key Features
1. **Wallet Connection**: Connect/disconnect wallet functionality with visual feedback
2. **Access Control Logic**:
1. Whitelist address `0xc42A9685348b399bd1f85b9E02366eB7B493124a` gets full access
2. Temporary users consume tokens when accessing Transfer
3. Clear access status display
3. **Conditional Menu Rendering**: amount-50 and amount-100 option only appears for whitelisted users
4. **User Status Display**: Shows whitelist status and remaining tokens
5. **Responsive Design**: Clean, modern interface with proper spacing
## Access Control Flow
- **Whitelisted Address**: Shows "VIP Access" badge and Transfer menu item
- **Temporary Users**: Shows token count, Transfer hidden
- **No Wallet**: Must connect wallet first
i have created firebase :
users (collection)
├── {walletAddress} (document)
├── address: string
├── isWhitelisted: boolean
├── tokens: number
├── createdAt: timestamp
├── lastAccess: timestamp
└── accessCount: number
access_logs (collection)
├── {logId} (document)
├── walletAddress: string
├── timestamp: timestamp
├── action: string
└── tokensRemaining: numberZ
....
**基础功能**：所有用户都能看到（全部 但是不包括 amount-50 和 amount-100 的）
**高级功能**：只有有访问权限的用户才能看到（amount-50 和 amount-100 ）
记得需要对接 firebase :
// Firebase 配置 - 请替换为你的实际配置
const firebaseConfig = {
apiKey: "AIzaSyDoDnG4t-eTBuz2SB0o6-rUtCcUehYPY9g",
authDomain: "whitelislog.firebaseapp.com",
projectId: "whitelislog",
storageBucket: "whitelislog.firebasestorage.app",
messagingSenderId: "124968534872",
appId: "1:124968534872:web:a16d938f0b33ae227b9b2d",
};
