rob
/
clipper
2
0
Fork 0
Code Issues 11 Pull Requests 1 Projects Releases Wiki Activity

Fix TypeScript warnings

This commit is contained in:
Rob Watson 2021-09-30 21:08:48 +02:00
parent 6e75834662
commit d5df962627
5 changed files with 31 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
frontend/.eslintrc.js
View File

@ -1,29 +1,30 @@
module.exports = { module.exports = {
"env": { env: {
"browser": true, browser: true,
"es2021": true es2021: true,
}, },
"extends": [ extends: [
"eslint:recommended", 'eslint:recommended',
"plugin:react/recommended", 'plugin:react/recommended',
"plugin:@typescript-eslint/recommended" 'plugin:@typescript-eslint/recommended',
], ],
"parser": "@typescript-eslint/parser", parser: '@typescript-eslint/parser',
"parserOptions": { parserOptions: {
"ecmaFeatures": { ecmaFeatures: {
"jsx": true jsx: true,
}, },
"ecmaVersion": 12, ecmaVersion: 12,
"sourceType": "module" sourceType: 'module',
}, },
"plugins": [ plugins: ['react', '@typescript-eslint'],
"react", settings: {
"@typescript-eslint" version: 'detect',
},
rules: {
'react/react-in-jsx-scope': 'off',
'@typescript-eslint/no-unused-vars': [
'warn',
{ varsIgnorePattern: '^_', argsIgnorePattern: '^_' },
], ],
"settings": {
"version": "detect"
}, },
"rules": {
"react/react-in-jsx-scope": "off"
}
}; };

2
frontend/src/App.tsx
View File

@ -4,7 +4,7 @@ import { Waveform } from './Waveform/Waveform';
const audioContext = new AudioContext(); const audioContext = new AudioContext();
function App() { function App(): JSX.Element {
return ( return (
<div className="App"> <div className="App">
<Waveform audioContext={audioContext} /> <Waveform audioContext={audioContext} />

4
frontend/src/Waveform/Thumbnails.tsx
View File

@ -1,5 +1,5 @@
import { useState, useEffect, useRef } from 'react'; import { useState, useEffect, useRef } from 'react';
import { CanvasLogicalWidth, CanvasLogicalHeight, MediaSet } from './Waveform'; import { CanvasLogicalWidth, MediaSet } from './Waveform';
interface Props { interface Props {
mediaSet: MediaSet; mediaSet: MediaSet;
@ -13,7 +13,7 @@ enum State {
} }
export const Thumbnails: React.FC<Props> = ({ mediaSet, style }: Props) => { export const Thumbnails: React.FC<Props> = ({ mediaSet, style }: Props) => {
const [image, setImage] = useState(new Image()); const [image, _setImage] = useState(new Image());
const [state, setState] = useState(State.Loading); const [state, setState] = useState(State.Loading);
const canvasRef = useRef<HTMLCanvasElement>(null); const canvasRef = useRef<HTMLCanvasElement>(null);

2
frontend/src/Waveform/Waveform.tsx
View File

@ -51,7 +51,7 @@ export const Waveform: React.FC<Props> = ({ audioContext }: Props) => {
const [mediaSet, setMediaSet] = useState<MediaSet | null>(null); const [mediaSet, setMediaSet] = useState<MediaSet | null>(null);
const [currentTime, setCurrentTime] = useState(0); const [currentTime, setCurrentTime] = useState(0);
// TODO: extract to player component. // TODO: extract to player component.
const [audio, setAudio] = useState(new Audio()); const [audio, _setAudio] = useState(new Audio());
const [zoomSettings, setZoomSettings] = useState(defaultZoomSettings); const [zoomSettings, setZoomSettings] = useState(defaultZoomSettings);
const [waveformPeaks, setWaveformPeaks] = useState(null); const [waveformPeaks, setWaveformPeaks] = useState(null);
const [overviewPeaks, setOverviewPeaks] = useState(null); const [overviewPeaks, setOverviewPeaks] = useState(null);

2
frontend/src/reportWebVitals.ts
View File

@ -1,6 +1,6 @@
import { ReportHandler } from 'web-vitals'; import { ReportHandler } from 'web-vitals';
const reportWebVitals = (onPerfEntry?: ReportHandler) => { const reportWebVitals = (onPerfEntry?: ReportHandler): void => {
if (onPerfEntry && onPerfEntry instanceof Function) { if (onPerfEntry && onPerfEntry instanceof Function) {
import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
getCLS(onPerfEntry); getCLS(onPerfEntry);