55fe7d10eb
- Fix all TypeScript compilation errors (40+ fixes) - Add missing type definitions (TransactionRequest, SafeInfo) - Fix TransactionRequestStatus vs TransactionStatus confusion - Fix import paths and provider type issues - Fix test file errors and mock providers - Implement comprehensive security features - AES-GCM encryption with PBKDF2 key derivation - Input validation and sanitization - Rate limiting and nonce management - Replay attack prevention - Access control and authorization - Add comprehensive test suite - Integration tests for transaction flow - Security validation tests - Wallet management tests - Encryption and rate limiter tests - E2E tests with Playwright - Add extensive documentation - 12 numbered guides (setup, development, API, security, etc.) - Security documentation and audit reports - Code review and testing reports - Project organization documentation - Update dependencies - Update axios to latest version (security fix) - Update React types to v18 - Fix peer dependency warnings - Add development tooling - CI/CD workflows (GitHub Actions) - Pre-commit hooks (Husky) - Linting and formatting (Prettier, ESLint) - Security audit workflow - Performance benchmarking - Reorganize project structure - Move reports to docs/reports/ - Clean up root directory - Organize documentation - Add new features - Smart wallet management (Gnosis Safe, ERC4337) - Transaction execution and approval workflows - Balance management and token support - Error boundary and monitoring (Sentry) - Fix WalletConnect configuration - Handle missing projectId gracefully - Add environment variable template
42 lines
888 B
TypeScript
42 lines
888 B
TypeScript
import { Center, HStack } from "@chakra-ui/react";
|
|
import Tab from "./Tab";
|
|
|
|
const tabs = ["WalletConnect", "iFrame", "Extension", "Smart Wallet"];
|
|
|
|
interface TabsSelectParams {
|
|
selectedTabIndex: number;
|
|
setSelectedTabIndex: (value: number) => void;
|
|
}
|
|
|
|
function TabsSelect({
|
|
selectedTabIndex,
|
|
setSelectedTabIndex,
|
|
}: TabsSelectParams) {
|
|
return (
|
|
<Center flexDir="column">
|
|
<HStack
|
|
mt="1rem"
|
|
minH="3rem"
|
|
px="1.5rem"
|
|
spacing={"8"}
|
|
bg={"brand.lightBlack"}
|
|
borderRadius="xl"
|
|
>
|
|
{tabs.map((t, i) => (
|
|
<Tab
|
|
key={i}
|
|
tabIndex={i}
|
|
selectedTabIndex={selectedTabIndex}
|
|
setSelectedTabIndex={setSelectedTabIndex}
|
|
isNew={i === 2}
|
|
>
|
|
{t}
|
|
</Tab>
|
|
))}
|
|
</HStack>
|
|
</Center>
|
|
);
|
|
}
|
|
|
|
export default TabsSelect;
|