nt_web_template/full-stack-fastapi-template
2
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

🎨 Update theme (#666)

Browse Source
This commit is contained in:
Alejandra
2024-03-11 16:50:46 +01:00
committed by GitHub
parent 4ef4b27b10
commit 7cf9577ebb
15 changed files with 53 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/Admin/AddUser.tsx
View File

@@ -174,13 +174,7 @@ const AddUser: React.FC<AddUserProps> = ({ isOpen, onClose }) => {
</Flex>
</ModalBody>
<ModalFooter gap={3}>
<Button
bg="ui.main"
color="white"
_hover={{ opacity: 0.8 }}
type="submit"
isLoading={isSubmitting}
>
<Button variant="primary" type="submit" isLoading={isSubmitting}>
Save
</Button>
<Button onClick={onClose}>Cancel</Button>

4
frontend/src/components/Admin/EditUser.tsx
View File

@@ -163,9 +163,7 @@ const EditUser: React.FC<EditUserProps> = ({ user, isOpen, onClose }) => {
<ModalFooter gap={3}>
<Button
bg="ui.main"
color="white"
_hover={{ opacity: 0.8 }}
variant="primary"
type="submit"
isLoading={isSubmitting}
isDisabled={!isDirty}

8
frontend/src/components/Common/DeleteAlert.tsx
View File

@@ -89,13 +89,7 @@ const Delete: React.FC<DeleteProps> = ({ type, id, isOpen, onClose }) => {
</AlertDialogBody>
<AlertDialogFooter gap={3}>
<Button
bg="ui.danger"
color="white"
_hover={{ opacity: 0.8 }}
type="submit"
isLoading={isSubmitting}
>
<Button variant="danger" type="submit" isLoading={isSubmitting}>
Delete
</Button>
<Button

4
frontend/src/components/Common/Navbar.tsx
View File

@@ -24,9 +24,7 @@ const Navbar: React.FC<NavbarProps> = ({ type }) => {
<Input type='text' placeholder='Search' fontSize={{ base: 'sm', md: 'inherit' }} borderRadius='8px' />
</InputGroup> */}
<Button
bg="ui.main"
color="white"
_hover={{ opacity: 0.8 }}
variant="primary"
gap={1}
fontSize={{ base: 'sm', md: 'inherit' }}
onClick={type === 'User' ? addUserModal.onOpen : addItemModal.onOpen}

6
frontend/src/components/Common/Sidebar.tsx
View File

@@ -23,9 +23,9 @@ import SidebarItems from './SidebarItems'
const Sidebar: React.FC = () => {
const queryClient = useQueryClient()
const bgColor = useColorModeValue('white', '#1a202c')
const textColor = useColorModeValue('gray', 'white')
const secBgColor = useColorModeValue('ui.secondary', '#252d3d')
const bgColor = useColorModeValue('ui.white', 'ui.dark')
const textColor = useColorModeValue('ui.light', 'ui.white')
const secBgColor = useColorModeValue('ui.secondary', 'ui.darkSlate')
const currentUser = queryClient.getQueryData<UserOut>('currentUser')
const { isOpen, onOpen, onClose } = useDisclosure()
const { logout } = useAuth()

2
frontend/src/components/Common/SidebarItems.tsx
View File

@@ -18,7 +18,7 @@ interface SidebarItemsProps {
const SidebarItems: React.FC<SidebarItemsProps> = ({ onClose }) => {
const queryClient = useQueryClient()
const textColor = useColorModeValue('ui.main', '#E2E8F0')
const textColor = useColorModeValue('ui.main', 'ui.light')
const bgActive = useColorModeValue('#E2E8F0', '#4A5568')
const currentUser = queryClient.getQueryData<UserOut>('currentUser')

8
frontend/src/components/Items/AddItem.tsx
View File

@@ -103,13 +103,7 @@ const AddItem: React.FC<AddItemProps> = ({ isOpen, onClose }) => {
</ModalBody>
<ModalFooter gap={3}>
<Button
bg="ui.main"
color="white"
_hover={{ opacity: 0.8 }}
type="submit"
isLoading={isSubmitting}
>
<Button variant="primary" type="submit" isLoading={isSubmitting}>
Save
</Button>
<Button onClick={onClose}>Cancel</Button>

4
frontend/src/components/Items/EditItem.tsx
View File

@@ -104,9 +104,7 @@ const EditItem: React.FC<EditItemProps> = ({ item, isOpen, onClose }) => {
</ModalBody>
<ModalFooter gap={3}>
<Button
bg="ui.main"
color="white"
_hover={{ opacity: 0.8 }}
variant="primary"
type="submit"
isLoading={isSubmitting}
isDisabled={!isDirty}

6
frontend/src/components/UserSettings/ChangePassword.tsx
View File

@@ -21,7 +21,7 @@ interface UpdatePasswordForm extends UpdatePassword {
}
const ChangePassword: React.FC = () => {
const color = useColorModeValue('gray.700', 'white')
const color = useColorModeValue('inherit', 'ui.white')
const showToast = useCustomToast()
const {
register,
@@ -114,9 +114,7 @@ const ChangePassword: React.FC = () => {
)}
</FormControl>
<Button
bg="ui.main"
color="white"
_hover={{ opacity: 0.8 }}
variant="primary"
mt={4}
type="submit"
isLoading={isSubmitting}

8
frontend/src/components/UserSettings/DeleteConfirmation.tsx
View File

@@ -79,13 +79,7 @@ const DeleteConfirmation: React.FC<DeleteProps> = ({ isOpen, onClose }) => {
</AlertDialogBody>
<AlertDialogFooter gap={3}>
<Button
bg="ui.danger"
color="white"
_hover={{ opacity: 0.8 }}
type="submit"
isLoading={isSubmitting}
>
<Button variant="danger" type="submit" isLoading={isSubmitting}>
Confirm
</Button>
<Button

8
frontend/src/components/UserSettings/UserInformation.tsx
View File

@@ -21,7 +21,7 @@ import useCustomToast from '../../hooks/useCustomToast'
const UserInformation: React.FC = () => {
const queryClient = useQueryClient()
const color = useColorModeValue('gray.700', 'white')
const color = useColorModeValue('inherit', 'ui.white')
const showToast = useCustomToast()
const [editMode, setEditMode] = useState(false)
const { user: currentUser } = useAuth()
@@ -109,7 +109,7 @@ const UserInformation: React.FC = () => {
message: 'Invalid email address',
},
})}
type="text"
type="email"
size="md"
/>
) : (
@@ -123,9 +123,7 @@ const UserInformation: React.FC = () => {
</FormControl>
<Flex mt={4} gap={3}>
<Button
bg="ui.main"
color="white"
_hover={{ opacity: 0.8 }}
variant="primary"
onClick={toggleEditMode}
type={editMode ? 'button' : 'submit'}
isLoading={editMode ? isSubmitting : false}