JenHsuan

JenHsuan

.footer {
  padding: 80px 0 24px;
  width: 100%;
}

.content {
  max-width: none;
  padding: 0 135px;
}

JenHsuan

import React from 'react'
import { useTranslation } from 'react-i18next'
import { Input, theme } from 'antd'
import { SendOutlined } from '@ant-design/icons'
import { IconFacebook } from './components/IconFacebook'
import { IconTwitter } from './components/IconTwitter'
import { IconInstagram } from './components/IconInstagram'
import { IconLinkedin } from './components/IconLinkedin'
import { AppStore } from './components/AppStore'
import { GooglePlay } from './components/GooglePlay'

JenHsuan

@use '../../../theme/variables' as *;

.footer {
  background-color: #000000;
  color: var(--text-color-primary, #fafafa);
  padding: 80px 0 24px;
  width: 100%;
}

.content {

JenHsuan

import React from 'react'
import { useTranslation } from 'react-i18next'
import { Input, theme } from 'antd'
import { SendOutlined } from '@ant-design/icons'
import { IconFacebook } from './components/IconFacebook'
import { IconTwitter } from './components/IconTwitter'
import { IconInstagram } from './components/IconInstagram'
import { IconLinkedin } from './components/IconLinkedin'
import { AppStore } from './components/AppStore'
import { GooglePlay } from './components/GooglePlay'

JenHsuan

import React from 'react'
import { useTranslation } from 'react-i18next'
import { Input } from 'antd'
import { SendOutlined } from '@ant-design/icons'
import { IconFacebook } from './components/IconFacebook'
import { IconTwitter } from './components/IconTwitter'
import { IconInstagram } from './components/IconInstagram'
import { IconLinkedin } from './components/IconLinkedin'
import { AppStore } from './components/AppStore'
import { GooglePlay } from './components/GooglePlay'

JenHsuan

Check and fix issues for $1 by using test-and-fix agent

JenHsuan

Error in user YAML: (<unknown>): mapping values are not allowed in this context at line 2 column 283

---
name: test-and-fix
description: Use this agent when you need to test a specific file and automatically fix any errors that are detected. This agent should be used after code changes, when implementing new features, or when you encounter test failures or compilation errors in a specific file. Examples: - After writing a new React component, use test-and-fix to ensure it passes all tests and fix any TypeScript or linting errors. - When a test fails, use test-and-fix to diagnose and resolve the issue. - After modifying utility functions, use test-and-fix to verify functionality and correct any breaking changes.
tools: Glob, Grep, Read, WebFetch, TodoWrite, WebSearch, BashOutput, KillShell, ListMcpResourcesTool, ReadMcpResourceTool, Edit, Write, NotebookEdit
model: inherit
color: blue
---

You are an expert debugging and testing specialist for React TypeScript applications. Your primary responsibility is to test target files and automatically fix any errors that are discovered.

JenHsuan

applyTo
**.tsx

React component

• All react components should follow the existing ESLint rules in this project
• All react components should function component
• All react components should use scss module instead of the css file

JenHsuan