ElyBy-Mirror/accounts-frontend
1
0
Fork 0
mirror of https://github.com/elyby/accounts-frontend.git synced 2025-05-31 14:11:58 +05:30
Code Issues Packages Projects Releases Wiki Activity

Fix type and lint errors after upgrading corresponding dependencies

Browse Source
This commit is contained in:
ErickSkrauch
2021-07-13 22:40:31 +02:00
parent 404fcb804a
commit 12f5e711c4
18 changed files with 151 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/app/components/accounts/actions.ts
View File

@@ -41,11 +41,11 @@ export function authenticate(
}
try {
const { token: newToken, refreshToken: newRefreshToken, user } = await validateToken(
accountId,
token,
refreshToken,
);
const {
token: newToken,
refreshToken: newRefreshToken,
user,
} = await validateToken(accountId, token, refreshToken);
const newAccount: Account = {
id: user.id,
username: user.username,

12
packages/app/components/auth/PanelTransition.tsx
View File

@@ -405,7 +405,7 @@ class PanelTransition extends React.PureComponent<Props, State> {
getHeader({ key, style, data }: TransitionPlainStyle): ReactElement {
const { Title } = data as AnimationData;
const { transformSpring } = (style as unknown) as AnimationStyle;
const { transformSpring } = style as unknown as AnimationStyle;
let { hasBackButton } = data;
@@ -414,7 +414,7 @@ class PanelTransition extends React.PureComponent<Props, State> {
}
const transitionStyle = {
...this.getDefaultTransitionStyles(key, (style as unknown) as AnimationStyle),
...this.getDefaultTransitionStyles(key, style as unknown as AnimationStyle),
opacity: 1, // reset default
};
@@ -448,7 +448,7 @@ class PanelTransition extends React.PureComponent<Props, State> {
getBody({ key, style, data }: TransitionPlainStyle): ReactElement {
const { Body } = data as AnimationData;
const { transformSpring } = (style as unknown) as AnimationStyle;
const { transformSpring } = style as unknown as AnimationStyle;
const { direction } = this.state;
let transform = this.translate(transformSpring, direction);
@@ -460,7 +460,7 @@ class PanelTransition extends React.PureComponent<Props, State> {
}
const transitionStyle: CSSProperties = {
...this.getDefaultTransitionStyles(key, (style as unknown) as AnimationStyle),
...this.getDefaultTransitionStyles(key, style as unknown as AnimationStyle),
top: 'auto', // reset default
[verticalOrigin]: 0,
...transform,
@@ -486,7 +486,7 @@ class PanelTransition extends React.PureComponent<Props, State> {
getFooter({ key, style, data }: TransitionPlainStyle): ReactElement {
const { Footer } = data as AnimationData;
const transitionStyle = this.getDefaultTransitionStyles(key, (style as unknown) as AnimationStyle);
const transitionStyle = this.getDefaultTransitionStyles(key, style as unknown as AnimationStyle);
return (
<div key={`footer/${key}`} style={transitionStyle}>
@@ -498,7 +498,7 @@ class PanelTransition extends React.PureComponent<Props, State> {
getLinks({ key, style, data }: TransitionPlainStyle): ReactElement {
const { Links } = data as AnimationData;
const transitionStyle = this.getDefaultTransitionStyles(key, (style as unknown) as AnimationStyle);
const transitionStyle = this.getDefaultTransitionStyles(key, style as unknown as AnimationStyle);
return (
<div key={`links/${key}`} style={transitionStyle}>

21
packages/app/components/auth/chooseAccount/AccountSwitcher.tsx
View File

@@ -15,18 +15,19 @@ interface Props {
const AccountSwitcher: ComponentType<Props> = ({ accounts, onAccountClick }) => {
const [selectedAccount, setSelectedAccount] = useState<number>();
const onAccountClickCallback = useCallback(
(account: Account): MouseEventHandler => async (event) => {
event.stopPropagation();
(account: Account): MouseEventHandler =>
async (event) => {
event.stopPropagation();
setSelectedAccount(account.id);
try {
if (onAccountClick) {
await onAccountClick(account);
setSelectedAccount(account.id);
try {
if (onAccountClick) {
await onAccountClick(account);
}
} finally {
setSelectedAccount(undefined);
}
} finally {
setSelectedAccount(undefined);
}
},
},
[onAccountClick],
);

2
packages/app/components/dev/apps/applicationForm/ApplicationForm.tsx
View File

@@ -44,7 +44,7 @@ const typeToForm: TypeToForm = {
type TypeToLabel = Record<ApplicationType, MessageDescriptor>;
const typeToLabel: TypeToLabel = ((Object.keys(typeToForm) as unknown) as Array<ApplicationType>).reduce(
const typeToLabel: TypeToLabel = (Object.keys(typeToForm) as unknown as Array<ApplicationType>).reduce(
(result, key) => {
result[key] = typeToForm[key].label;

2
packages/app/components/dev/apps/applicationForm/ApplicationTypeSwitcher.tsx
View File

@@ -14,7 +14,7 @@ interface Props {
const ApplicationTypeSwitcher: ComponentType<Props> = ({ appTypes, selectedType, setType }) => (
<div>
{((Object.keys(appTypes) as unknown) as Array<ApplicationType>).map((type) => (
{(Object.keys(appTypes) as unknown as Array<ApplicationType>).map((type) => (
<div className={styles.radioContainer} key={type}>
<Radio
onChange={() => setType(type)}

9
packages/app/components/footerMenu/FooterMenu.tsx
View File

@@ -14,10 +14,11 @@ const FooterMenu: ComponentType = () => {
const dispatch = useReduxDispatch();
const createPopupHandler = useCallback(
(popup: ComponentType): MouseEventHandler<HTMLAnchorElement> => (event) => {
event.preventDefault();
dispatch(createPopup({ Popup: popup }));
},
(popup: ComponentType): MouseEventHandler<HTMLAnchorElement> =>
(event) => {
event.preventDefault();
dispatch(createPopup({ Popup: popup }));
},
[dispatch],
);

2
packages/app/components/ui/form/Dropdown.tsx
View File

@@ -11,7 +11,7 @@ import FormInputComponent from './FormInputComponent';
type I18nString = string | MessageDescriptor;
type ItemLabel = I18nString | React.ReactElement;
interface Props extends InputHTMLAttributes<HTMLInputElement> {
interface Props extends InputHTMLAttributes<HTMLDivElement> {
label: I18nString;
items: Record<string, ItemLabel>;
block?: boolean;

4
packages/app/components/ui/form/FormModel.ts
View File

@@ -39,9 +39,7 @@ export default class FormModel {
*
* @returns {object} - ref and name props for component
*/
bindField(
name: string,
): {
bindField(name: string): {
name: string;
ref: (el: any) => void;
error?: ValidationError;

20
packages/app/components/userbar/AccountSwitcher.tsx
View File

@@ -27,19 +27,21 @@ const AccountSwitcher: ComponentType<Props> = ({
}) => {
const available = accounts.filter((account) => account.id !== activeAccount.id);
const onAccountClickCallback = useCallback(
(account: Account): MouseEventHandler => (event) => {
event.preventDefault();
onAccountClick(account);
},
(account: Account): MouseEventHandler =>
(event) => {
event.preventDefault();
onAccountClick(account);
},
[onAccountClick],
);
const onAccountRemoveCallback = useCallback(
(account: Account): MouseEventHandler => (event) => {
event.preventDefault();
event.stopPropagation();
(account: Account): MouseEventHandler =>
(event) => {
event.preventDefault();
event.stopPropagation();
onRemoveClick(account);
},
onRemoveClick(account);
},
[onRemoveClick],
);