Update dependencies, refactor authentication, and enhance UI components

- Upgraded @reduxjs/toolkit to version 2.9.0 and added new dependencies including @techniker-me/pcast-api and moment.
- Refactored authentication logic and added middleware for improved request handling.
- Introduced new UI components such as buttons, loaders, and forms, along with a theme system following SOLID principles.
- Updated routing to include protected routes and improved the login form with better error handling.
- Removed unused CSS and organized the project structure for better maintainability.
This commit is contained in:
2025-09-04 01:10:03 -04:00
parent 04488c43c5
commit 1469c7f52f
85 changed files with 3610 additions and 125 deletions

View File

@@ -0,0 +1,57 @@
/**
* Copyright 2024 Phenix Real Time Solutions, Inc. Confidential and Proprietary. All Rights Reserved.
*/
import * as styled from 'styled-components';
import {theme, paddings} from 'components/shared/theme';
const {
spacing,
primaryFontSize,
colors
} = theme;
export const RadioGroup = styled.default.div`
display: flex;
`;
export const RadioWrapper = styled.default.div<{disabled?: boolean}>`
padding: ${paddings.small};
display: flex;
${({disabled}) => disabled && styled.css`
pointer-events: none;
opacity: .5;
`}
`;
export const RadioButtonContainer = styled.default.div`
margin-right: ${spacing.xSmall};
align-self: center;
input {
position: absolute;
visibility: hidden;
}
`;
export const VisibleCheckBox = styled.default.div<{checked?: boolean}>`
border: 2px solid ${colors.gray400};
display: flex;
align-items: center;
justify-content: center;
width: ${primaryFontSize};
height: ${primaryFontSize};
border-radius: 50%;
${({checked}) => checked && styled.css`
border: none;
background-color: ${colors.red};
div {
background-color: ${colors.black};
width: 5px;
height: 5px;
border-radius: 50%;
}
`}
`;