Open Issues Need Help
View All on GitHubAI Summary: This GitHub issue outlines the task of building a 'Contact Us' page and form for the desktop baseline, following a provided Figma design. It requires creating a new page and a form component with standard input fields (Name, Email, Subject, Message), while reusing existing Navbar, banner, and Footer components. The work must be implemented against the `app-main` branch in specific `/dapp/support` file locations.
AI Summary: This task requires fixing build issues and cleaning up the Next.js project's codebase. This involves resolving ESLint errors (unused variables and imports), TypeScript errors (use of `any`), fixing dependency warnings in `useCallback` hooks, and optionally installing `pino-pretty`. The goal is to achieve a clean build with no errors or warnings, maintaining code readability and consistency.
AI Summary: Implement an analytics page for a Next.js dApp, displaying real-time stats (price chart, TVL, volume, pie chart of locked assets) when a wallet is connected, and an empty state when disconnected. The page should support light and dark modes and use a charting library like Recharts or Chart.js. Static/mock data can be used initially. The implementation should follow a clean component structure, leveraging existing layout components.
AI Summary: Implement a Claim/Burn xZB page in a Next.js application, handling connected and disconnected wallet states, light/dark mode, and a tab toggle between Claim and Burn views. The UI should match a provided Figma design, using mock data and Tailwind CSS for styling. The solution should be implemented within the `/app/dapp/` directory and exported via `dapp/page.tsx`, leveraging existing layout components.
AI Summary: Implement a 'Lock Tokens' page in a Next.js application, supporting connected and disconnected wallet states, and light/dark mode. The page should allow users to select a token (ETH or REKT), display token information, show a result preview, and include a 'Connect Wallet' or 'Lock ETH' button depending on the wallet's connection status. The implementation should use existing layout components and design tokens, and initially utilize mock data.
AI Summary: Create a "Coming Soon" page for a Next.js dApp, featuring six feature cards, a waitlist signup form, and support for light and dark modes. The page should follow a provided Figma design and use Tailwind CSS for styling. The functionality of the email input is not required for this task.
AI Summary: Build a cryptocurrency swap page using Next.js, Tailwind CSS, and a provided Figma design. The page must handle connected and disconnected wallet states, dynamically switching between a 'Connect Wallet' button and an active swap form. Light and dark mode support is required using an existing theme switcher component. The implementation should be componentized and follow best practices, including clear comments and interaction states.
AI Summary: Create reusable Sidebar and Topbar components for a Next.js Dapp, including dark/light mode support, using Tailwind CSS. These components will be used across all Dapp pages and should be placed within the `/app/dapp/components/layout/` directory. An AppLayout component should also be created to wrap the Sidebar and Topbar with the main page content.
AI Summary: Build a Next.js dashboard page with light/dark mode support, displaying different states based on wallet connection (connected showing balance and claim button, disconnected showing a placeholder). The dashboard should include sections for wallet summary, xZB claiming, user count/TVL graph (with dummy data), and a token price chart. Styling should match a provided Figma design, using Tailwind CSS. Existing layout components (sidebar and top bar) must be integrated.
AI Summary: This task involves improving the styling and layout of a Next.js landing page. Specific tasks include scaling down feature cards, aligning sections to a central grid, adding consistent padding, fixing broken accordion animations, ensuring responsiveness across all screen sizes, and performing a visual polish pass for consistency in fonts, margins, and buttons. The work should be based on a specified branch (`zero-x-v2`) and utilize Framer Motion for animations.
AI Summary: Implement the final sections of a Next.js landing page (v2) including live stats (mock), an animated FAQ accordion, an OnlyDust banner with hover effects and CTA, a newsletter signup form, a footer with links and social icons, ensuring full responsiveness across devices. This involves using Framer Motion or GSAP for animations and following a specified file structure.
AI Summary: Develop two sections for a Next.js landing page: a 3x2 grid of animated cards showcasing features ('Inside ZeroXBridge'), and a list of upcoming features ('Coming Soon'). Both sections require hover effects, responsiveness across various screen sizes, and adherence to a provided Figma design. Animation libraries like Framer Motion or GSAP are to be used.
AI Summary: Develop the hero section, a bridge animation, a scrolling "Zero-X-Position" text element, and a four-step "How It Works" section with animated wallet assets for a Next.js landing page. The design is specified in a Figma file, and animations should be implemented using Framer Motion or GSAP. Responsiveness across various screen sizes is crucial.