feat: dark mode

src/pages/tools/pdf/split-pdf/index.tsx

@@ -1,6 +1,5 @@
 import { Box, Typography } from '@mui/material';
-import React, { useEffect, useRef, useState } from 'react';
-import ToolFileInput from '@components/input/ToolFileInput';
+import React, { useEffect, useState } from 'react';
 import ToolFileResult from '@components/result/ToolFileResult';
 import TextFieldWithDesc from '@components/options/TextFieldWithDesc';
 import ToolContent from '@components/ToolContent';
@@ -8,7 +7,6 @@ import { ToolComponentProps } from '@tools/defineTool';
 import { parsePageRanges, splitPdf } from './service';
 import { CardExampleType } from '@components/examples/ToolExamples';
 import { PDFDocument } from 'pdf-lib';
-import { FormikProps } from 'formik';
 import ToolPdfInput from '@components/input/ToolPdfInput';
 
 type InitialValuesType = {

src/pages/tools/video/compress/service.ts

@@ -15,7 +15,6 @@ export async function compressVideo(
   input: File,
   options: CompressVideoOptions
 ): Promise<File> {
-  console.log('Compressing video...', options);
   if (!ffmpeg.loaded) {
     await ffmpeg.load({
       wasmURL:

src/pages/tools/video/gif/change-speed/index.tsx

@@ -1,7 +1,6 @@
 import { Box } from '@mui/material';
 import React, { useState } from 'react';
 import * as Yup from 'yup';
-import ToolFileInput from '@components/input/ToolFileInput';
 import ToolFileResult from '@components/result/ToolFileResult';
 import TextFieldWithDesc from 'components/options/TextFieldWithDesc';
 import Typography from '@mui/material/Typography';
@@ -9,6 +8,8 @@ import { FrameOptions, GifReader, GifWriter } from 'omggif';
 import { gifBinaryToFile } from '@utils/gif';
 import ToolContent from '@components/ToolContent';
 import { ToolComponentProps } from '@tools/defineTool';
+import ToolVideoInput from '@components/input/ToolVideoInput';
+import ToolImageInput from '@components/input/ToolImageInput';
 
 const initialValues = {
   newSpeed: 200
@@ -108,7 +109,7 @@ export default function ChangeSpeed({ title }: ToolComponentProps) {
       title={title}
       input={input}
       inputComponent={
-        <ToolFileInput
+        <ToolImageInput
           value={input}
           onChange={setInput}
           accept={['image/gif']}