18344ae580
BREAKING CHANGE: Replace all emoji icons with Semi UI icons in statistics cards - Replace emoji icons with corresponding Semi UI icons: - 💰 -> IconMoneyExchangeStroked - 📊 -> IconHistogram - 🔄 -> IconRotate - 💲 -> IconCoinMoneyStroked - 🔤 -> IconTextStroked - 📈 -> IconPulse - ⏱️ -> IconStopwatchStroked - 📝 -> IconTypograph - Add Avatar component as circular background for icons - Implement color-coded avatars for each statistic card - Set avatar size to 'medium' for better visual balance - Add appropriate color mapping for each statistic type - Adjust layout spacing - Reduce top margin from mb-6 to mb-4 for better vertical rhythm - Maintain consistent spacing in card layouts - Import necessary Semi UI components and icons - Add Avatar component import - Add required icon imports from @douyinfe/semi-icons This change improves the overall UI consistency and professional appearance by adopting Semi UI's design system components.
React Template
Basic Usages
# Runs the app in the development mode
npm start
# Builds the app for production to the `build` folder
npm run build
If you want to change the default server, please set REACT_APP_SERVER environment variables before build,
for example: REACT_APP_SERVER=http://your.domain.com.
Before you start editing, make sure your Actions on Save options have Optimize imports & Run Prettier enabled.