From f60ba8d60cf5ddad585ca5049d8556cec037d808 Mon Sep 17 00:00:00 2001 From: Metin Date: Mon, 19 Aug 2024 00:25:09 +0300 Subject: [PATCH] Mp4-convert --- index.html | 4 +- public/converter.png | Bin 0 -> 11607 bytes public/vite.svg | 1 - src/App.jsx | 228 +++++++----------- src/components/Button.jsx | 11 +- src/components/Dashboard.jsx | 77 ++++-- src/components/Footer.jsx | 107 ++++++-- src/components/Header.jsx | 12 +- src/components/ResultLink.jsx | 32 ++- src/components/SelectElement.jsx | 18 ++ src/{components => functions}/Themes.jsx | 0 src/{components => layouts}/ConvertedMP3.jsx | 34 +-- src/layouts/ConvertedMP4.jsx | 85 +++++++ src/{components => layouts}/MP3Player.jsx | 19 +- src/utils/FetchStoredMP3.js | 15 ++ src/utils/FetchStoredMP4.js | 15 ++ src/utils/FormatFileSize.js | 6 + src/utils/HandleSubmitMP3.js | 84 +++++++ src/utils/HandleSubmitMP4.js | 87 +++++++ src/utils/IndexedDB.js | 129 ++++++++++ src/utils/IndexedDB.jsx | 43 ---- .../{YoutubeParser.jsx => YoutubeParser.js} | 0 22 files changed, 733 insertions(+), 274 deletions(-) create mode 100644 public/converter.png delete mode 100644 public/vite.svg create mode 100644 src/components/SelectElement.jsx rename src/{components => functions}/Themes.jsx (100%) rename src/{components => layouts}/ConvertedMP3.jsx (64%) create mode 100644 src/layouts/ConvertedMP4.jsx rename src/{components => layouts}/MP3Player.jsx (94%) create mode 100644 src/utils/FetchStoredMP3.js create mode 100644 src/utils/FetchStoredMP4.js create mode 100644 src/utils/FormatFileSize.js create mode 100644 src/utils/HandleSubmitMP3.js create mode 100644 src/utils/HandleSubmitMP4.js create mode 100644 src/utils/IndexedDB.js delete mode 100644 src/utils/IndexedDB.jsx rename src/utils/{YoutubeParser.jsx => YoutubeParser.js} (100%) diff --git a/index.html b/index.html index 574fce5..40ff908 100644 --- a/index.html +++ b/index.html @@ -2,10 +2,10 @@ - + - MP3 Converter + YouTube Converter
diff --git a/public/converter.png b/public/converter.png new file mode 100644 index 0000000000000000000000000000000000000000..1ffdbddafed2cfb4d0ab7cbdbb78ec951c1b1d5d GIT binary patch literal 11607 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