summaryrefslogtreecommitdiff
path: root/web/source/settings/lib/form/file.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'web/source/settings/lib/form/file.jsx')
-rw-r--r--web/source/settings/lib/form/file.jsx90
1 files changed, 0 insertions, 90 deletions
diff --git a/web/source/settings/lib/form/file.jsx b/web/source/settings/lib/form/file.jsx
deleted file mode 100644
index a9e96dc97..000000000
--- a/web/source/settings/lib/form/file.jsx
+++ /dev/null
@@ -1,90 +0,0 @@
-/*
- GoToSocial
- Copyright (C) GoToSocial Authors admin@gotosocial.org
- SPDX-License-Identifier: AGPL-3.0-or-later
-
- This program is free software: you can redistribute it and/or modify
- it under the terms of the GNU Affero General Public License as published by
- the Free Software Foundation, either version 3 of the License, or
- (at your option) any later version.
-
- This program is distributed in the hope that it will be useful,
- but WITHOUT ANY WARRANTY; without even the implied warranty of
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- GNU Affero General Public License for more details.
-
- You should have received a copy of the GNU Affero General Public License
- along with this program. If not, see <http://www.gnu.org/licenses/>.
-*/
-
-const React = require("react");
-const prettierBytes = require("prettier-bytes");
-
-module.exports = function useFileInput({ name, _Name }, {
- withPreview,
- maxSize,
- initialInfo = "no file selected"
-} = {}) {
- const [file, setFile] = React.useState();
- const [imageURL, setImageURL] = React.useState();
- const [info, setInfo] = React.useState();
-
- function onChange(e) {
- let file = e.target.files[0];
- setFile(file);
-
- URL.revokeObjectURL(imageURL);
-
- if (file != undefined) {
- if (withPreview) {
- setImageURL(URL.createObjectURL(file));
- }
-
- let size = prettierBytes(file.size);
- if (maxSize && file.size > maxSize) {
- size = <span className="error-text">{size}</span>;
- }
-
- setInfo(<>
- {file.name} ({size})
- </>);
- } else {
- setInfo();
- }
- }
-
- function reset() {
- URL.revokeObjectURL(imageURL);
- setImageURL();
- setFile();
- setInfo();
- }
-
- const infoComponent = (
- <span className="form-info">
- {info
- ? info
- : initialInfo
- }
- </span>
- );
-
- // Array / Object hybrid, for easier access in different contexts
- return Object.assign([
- onChange,
- reset,
- {
- [name]: file,
- [`${name}URL`]: imageURL,
- [`${name}Info`]: infoComponent,
- }
- ], {
- onChange,
- reset,
- name,
- value: file,
- previewValue: imageURL,
- hasChanged: () => file != undefined,
- infoComponent
- });
-}; \ No newline at end of file