1 line
43 KiB
JSON
1 line
43 KiB
JSON
|
{"ast":null,"code":"var _jsxFileName = \"D:\\\\aiproject\\\\goAgent\\\\todo\\\\client\\\\src\\\\components\\\\UserManagement.js\",\n _s = $RefreshSig$();\nimport React, { useState, useEffect } from 'react';\nimport styled, { keyframes } from 'styled-components';\nimport { getUsers, registerUser } from '../services/api';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst fadeIn = keyframes`\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n`;\nconst UserManagementContainer = styled.div`\n background: ${({\n theme\n}) => theme.colors.glass.light};\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border-radius: ${({\n theme\n}) => theme.borderRadius.xl};\n padding: ${({\n theme\n}) => theme.spacing.xl};\n box-shadow: ${({\n theme\n}) => theme.shadows.lg};\n border: 1px solid ${({\n theme\n}) => theme.colors.glass.light};\n animation: ${fadeIn} 0.5s ease-out;\n max-width: 800px;\n margin: 0 auto;\n\n @media (prefers-color-scheme: dark) {\n background: ${({\n theme\n}) => theme.colors.glass.dark};\n border-color: ${({\n theme\n}) => theme.colors.glass.dark};\n }\n`;\n_c = UserManagementContainer;\nconst Header = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: ${({\n theme\n}) => theme.spacing.xl};\n padding-bottom: ${({\n theme\n}) => theme.spacing.lg};\n border-bottom: 2px solid ${({\n theme\n}) => theme.colors.glass.light};\n\n @media (prefers-color-scheme: dark) {\n border-bottom-color: ${({\n theme\n}) => theme.colors.glass.dark};\n }\n`;\n_c2 = Header;\nconst Title = styled.h2`\n color: ${({\n theme\n}) => theme.colors.text.primary};\n font-size: ${({\n theme\n}) => theme.typography.fontSize['2xl']};\n font-weight: ${({\n theme\n}) => theme.typography.fontWeight.semibold};\n margin: 0;\n display: flex;\n align-items: center;\n gap: ${({\n theme\n}) => theme.spacing.sm};\n\n &::before {\n content: '👥';\n font-size: 1.2em;\n }\n`;\n_c3 = Title;\nconst BackButton = styled.button`\n background: ${({\n theme\n}) => theme.colors.glass.light};\n color: ${({\n theme\n}) => theme.colors.text.primary};\n border: 2px solid ${({\n theme\n}) => theme.colors.glass.light};\n padding: ${({\n theme\n}) => `${theme.spacing.sm} ${theme.spacing.lg}`};\n border-radius: ${({\n theme\n}) => theme.borderRadius.lg};\n font-size: ${({\n theme\n}) => theme.typography.fontSize.sm};\n cursor: pointer;\n transition: all ${({\n theme\n}) => theme.transitions.default};\n\n &:hover {\n background: ${({\n theme\n}) => theme.colors.primary};\n color: white;\n border-color: ${({\n theme\n}) => theme.colors.primary};\n transform: translateY(-1px);\n }\n\n @media (prefers-color-scheme: dark) {\n background: ${({\n theme\n}) => theme.colors.glass.dark};\n border-color: ${({\n theme\n}) => theme.colors.glass.dark};\n }\n`;\n_c4 = BackButton;\nconst AddUserForm = styled.form`\n display: flex;\n gap: ${({\n theme\n}) => theme.spacing.md};\n margin-bottom: ${({\n theme\n}) => theme.spacing.xl};\n padding: ${({\n theme\n}) => theme.spacing.lg};\n background: ${({\n theme\n}) => theme.colors.glass.light};\n border-radius: ${({\n theme\n}) => theme.borderRadius.lg};\n border: 2px dashed ${({\n theme\n}) => theme.colors.primary}40;\n\n @media (max-width: ${({\n theme\n}) => theme.breakpoints.md}) {\n flex-direction: column;\n }\n\n @media (prefers-color-scheme: dark) {\n background: ${({\n theme\n}) => theme.colors.glass.dark};\n }\n`;\n_c5 = AddUserForm;\nconst InputGroup = styled.div`\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: ${({\n theme\n}) => theme.spacing.xs};\n`;\n_c6 = InputGroup;\nconst Label = styled.label`\n color: ${({\n theme\n}) => theme.colors.text.primary};\n font-size: ${({\n theme\n}) => theme.typography.fontSize.sm};\n font-weight: ${({\n theme\n}) => theme.typography.fontWeight.medium};\n`;\n_c7 = Label;\nconst Input =
|