Unexpected any types replaced (#160)
* Any types replaced * No console rule disabled
This commit is contained in:
parent
9f3ae3a614
commit
3c843e1266
4 changed files with 21 additions and 9 deletions
|
@ -28,7 +28,8 @@
|
||||||
"prettier/prettier": "error",
|
"prettier/prettier": "error",
|
||||||
"@typescript-eslint/explicit-module-boundary-types": "off",
|
"@typescript-eslint/explicit-module-boundary-types": "off",
|
||||||
"jsx-a11y/label-has-associated-control": "off",
|
"jsx-a11y/label-has-associated-control": "off",
|
||||||
"import/prefer-default-export": "off"
|
"import/prefer-default-export": "off",
|
||||||
|
"@typescript-eslint/no-explicit-any": "error"
|
||||||
},
|
},
|
||||||
"overrides": [
|
"overrides": [
|
||||||
{
|
{
|
||||||
|
|
|
@ -38,8 +38,8 @@ interface FilterProps {
|
||||||
partition: TopicMessage['partition'];
|
partition: TopicMessage['partition'];
|
||||||
}
|
}
|
||||||
|
|
||||||
function usePrevious(value: any) {
|
function usePrevious(value: Date | null) {
|
||||||
const ref = useRef();
|
const ref = useRef<Date | null>();
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
ref.current = value;
|
ref.current = value;
|
||||||
});
|
});
|
||||||
|
@ -73,7 +73,8 @@ const Messages: React.FC<Props> = ({
|
||||||
Partial<TopicMessageQueryParams>
|
Partial<TopicMessageQueryParams>
|
||||||
>({ limit: 100 });
|
>({ limit: 100 });
|
||||||
const [debouncedCallback] = useDebouncedCallback(
|
const [debouncedCallback] = useDebouncedCallback(
|
||||||
(query: any) => setQueryParams({ ...queryParams, ...query }),
|
(query: Partial<TopicMessageQueryParams>) =>
|
||||||
|
setQueryParams({ ...queryParams, ...query }),
|
||||||
1000
|
1000
|
||||||
);
|
);
|
||||||
|
|
||||||
|
@ -98,7 +99,7 @@ const Messages: React.FC<Props> = ({
|
||||||
);
|
);
|
||||||
}, [messages, partitions]);
|
}, [messages, partitions]);
|
||||||
|
|
||||||
const getSeekToValuesForPartitions = (partition: any) => {
|
const getSeekToValuesForPartitions = (partition: Option) => {
|
||||||
const foundedValues = filterProps.find(
|
const foundedValues = filterProps.find(
|
||||||
(prop) => prop.partition === partition.value
|
(prop) => prop.partition === partition.value
|
||||||
);
|
);
|
||||||
|
@ -178,7 +179,7 @@ const Messages: React.FC<Props> = ({
|
||||||
return format(date, 'yyyy-MM-dd HH:mm:ss');
|
return format(date, 'yyyy-MM-dd HH:mm:ss');
|
||||||
};
|
};
|
||||||
|
|
||||||
const getMessageContentBody = (content: any) => {
|
const getMessageContentBody = (content: Record<string, unknown>) => {
|
||||||
try {
|
try {
|
||||||
const contentObj =
|
const contentObj =
|
||||||
typeof content !== 'object' ? JSON.parse(content) : content;
|
typeof content !== 'object' ? JSON.parse(content) : content;
|
||||||
|
@ -226,7 +227,7 @@ const Messages: React.FC<Props> = ({
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
const filterOptions = (options: Option[], filter: any) => {
|
const filterOptions = (options: Option[], filter: string) => {
|
||||||
if (!filter) {
|
if (!filter) {
|
||||||
return options;
|
return options;
|
||||||
}
|
}
|
||||||
|
@ -256,7 +257,10 @@ const Messages: React.FC<Props> = ({
|
||||||
<td style={{ width: 150 }}>{message.offset}</td>
|
<td style={{ width: 150 }}>{message.offset}</td>
|
||||||
<td style={{ width: 100 }}>{message.partition}</td>
|
<td style={{ width: 100 }}>{message.partition}</td>
|
||||||
<td key={Math.random()} style={{ wordBreak: 'break-word' }}>
|
<td key={Math.random()} style={{ wordBreak: 'break-word' }}>
|
||||||
{getMessageContentBody(message.content)}
|
{message.content &&
|
||||||
|
getMessageContentBody(
|
||||||
|
message.content as Record<string, unknown>
|
||||||
|
)}
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
))}
|
))}
|
||||||
|
|
|
@ -2,11 +2,17 @@ import { createStore, applyMiddleware, compose } from 'redux';
|
||||||
import thunk from 'redux-thunk';
|
import thunk from 'redux-thunk';
|
||||||
import rootReducer from '../../reducers';
|
import rootReducer from '../../reducers';
|
||||||
|
|
||||||
|
declare global {
|
||||||
|
interface Window {
|
||||||
|
__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?: typeof compose;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
export default () => {
|
export default () => {
|
||||||
const middlewares = [thunk];
|
const middlewares = [thunk];
|
||||||
|
|
||||||
const composeEnhancers =
|
const composeEnhancers =
|
||||||
(window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
|
window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
|
||||||
|
|
||||||
const enhancer = composeEnhancers(applyMiddleware(...middlewares));
|
const enhancer = composeEnhancers(applyMiddleware(...middlewares));
|
||||||
|
|
||||||
|
|
|
@ -9,6 +9,7 @@
|
||||||
|
|
||||||
// To learn more about the benefits of this model and instructions on how to
|
// To learn more about the benefits of this model and instructions on how to
|
||||||
// opt-in, read https://bit.ly/CRA-PWA
|
// opt-in, read https://bit.ly/CRA-PWA
|
||||||
|
/* eslint-disable no-console */
|
||||||
|
|
||||||
const isLocalhost = Boolean(
|
const isLocalhost = Boolean(
|
||||||
window.location.hostname === 'localhost' ||
|
window.location.hostname === 'localhost' ||
|
||||||
|
|
Loading…
Add table
Reference in a new issue