Run prettier on all files.

src/pages/settings/channel/Overview.tsx

@@ -1,91 +1,117 @@
-import { Text } from "preact-i18n";
-import styles from "./Panes.module.scss";
-import Button from "../../../components/ui/Button";
 import { Channels } from "revolt.js/dist/api/objects";
-import InputBox from "../../../components/ui/InputBox";
-import TextAreaAutoSize from "../../../lib/TextAreaAutoSize";
+
+import styles from "./Panes.module.scss";
+import { Text } from "preact-i18n";
 import { useContext, useEffect, useState } from "preact/hooks";
-import { AppContext } from "../../../context/revoltjs/RevoltClient";
+
+import TextAreaAutoSize from "../../../lib/TextAreaAutoSize";
+
 import { FileUploader } from "../../../context/revoltjs/FileUploads";
+import { AppContext } from "../../../context/revoltjs/RevoltClient";
+
+import Button from "../../../components/ui/Button";
+import InputBox from "../../../components/ui/InputBox";
 
 interface Props {
-    channel: Channels.GroupChannel | Channels.TextChannel | Channels.VoiceChannel;
+	channel:
+		| Channels.GroupChannel
+		| Channels.TextChannel
+		| Channels.VoiceChannel;
 }
 
 export default function Overview({ channel }: Props) {
-    const client = useContext(AppContext);
+	const client = useContext(AppContext);
 
-    const [name, setName] = useState(channel.name);
-    const [description, setDescription] = useState(channel.description ?? '');
+	const [name, setName] = useState(channel.name);
+	const [description, setDescription] = useState(channel.description ?? "");
 
-    useEffect(() => setName(channel.name), [ channel.name ]);
-    useEffect(() => setDescription(channel.description ?? ''), [ channel.description ]);
+	useEffect(() => setName(channel.name), [channel.name]);
+	useEffect(
+		() => setDescription(channel.description ?? ""),
+		[channel.description],
+	);
 
-    const [ changed, setChanged ] = useState(false);
-    function save() {
-        let changes: any = {};
-        if (name !== channel.name) changes.name = name;
-        if (description !== channel.description)
-            changes.description = description;
+	const [changed, setChanged] = useState(false);
+	function save() {
+		let changes: any = {};
+		if (name !== channel.name) changes.name = name;
+		if (description !== channel.description)
+			changes.description = description;
 
-        client.channels.edit(channel._id, changes);
-        setChanged(false);
-    }
+		client.channels.edit(channel._id, changes);
+		setChanged(false);
+	}
 
-    return (
-        <div className={styles.overview}>
-            <div className={styles.row}>
-                <FileUploader
-                    width={80}
-                    height={80}
-                    style="icon"
-                    fileType="icons"
-                    behaviour="upload"
-                    maxFileSize={2_500_000}
-                    onUpload={icon => client.channels.edit(channel._id, { icon })}
-                    previewURL={client.channels.getIconURL(channel._id, { max_side: 256 }, true)}
-                    remove={() => client.channels.edit(channel._id, { remove: 'Icon' })}
-                    defaultPreview={channel.channel_type === 'Group' ? "/assets/group.png" : undefined}
-                />
-                <div className={styles.name}>
-                    <h3>
-                        { channel.channel_type === 'Group' ?
-                            <Text id="app.main.groups.name" /> :
-                            <Text id="app.main.servers.channel_name" /> }
-                    </h3>
-                    <InputBox
-                        contrast
-                        value={name}
-                        maxLength={32}
-                        onChange={e => {
-                            setName(e.currentTarget.value)
-                            if (!changed) setChanged(true)
-                        }}
-                    />
-                </div>
-            </div>
+	return (
+		<div className={styles.overview}>
+			<div className={styles.row}>
+				<FileUploader
+					width={80}
+					height={80}
+					style="icon"
+					fileType="icons"
+					behaviour="upload"
+					maxFileSize={2_500_000}
+					onUpload={(icon) =>
+						client.channels.edit(channel._id, { icon })
+					}
+					previewURL={client.channels.getIconURL(
+						channel._id,
+						{ max_side: 256 },
+						true,
+					)}
+					remove={() =>
+						client.channels.edit(channel._id, { remove: "Icon" })
+					}
+					defaultPreview={
+						channel.channel_type === "Group"
+							? "/assets/group.png"
+							: undefined
+					}
+				/>
+				<div className={styles.name}>
+					<h3>
+						{channel.channel_type === "Group" ? (
+							<Text id="app.main.groups.name" />
+						) : (
+							<Text id="app.main.servers.channel_name" />
+						)}
+					</h3>
+					<InputBox
+						contrast
+						value={name}
+						maxLength={32}
+						onChange={(e) => {
+							setName(e.currentTarget.value);
+							if (!changed) setChanged(true);
+						}}
+					/>
+				</div>
+			</div>
 
-            <h3>
-                { channel.channel_type === 'Group' ?
-                    <Text id="app.main.groups.description" /> :
-                    <Text id="app.main.servers.channel_description" /> }
-            </h3>
-            <TextAreaAutoSize
-                maxRows={10}
-                minHeight={60}
-                maxLength={1024}
-                value={description}
-                placeholder={"Add a description..."}
-                onChange={ev => {
-                    setDescription(ev.currentTarget.value);
-                    if (!changed) setChanged(true)
-                }}
-            />
-            <p>
-                <Button onClick={save} contrast disabled={!changed}>
-                    <Text id="app.special.modals.actions.save" />
-                </Button>
-            </p>
-        </div>
-    );
+			<h3>
+				{channel.channel_type === "Group" ? (
+					<Text id="app.main.groups.description" />
+				) : (
+					<Text id="app.main.servers.channel_description" />
+				)}
+			</h3>
+			<TextAreaAutoSize
+				maxRows={10}
+				minHeight={60}
+				maxLength={1024}
+				value={description}
+				placeholder={"Add a description..."}
+				onChange={(ev) => {
+					setDescription(ev.currentTarget.value);
+					if (!changed) setChanged(true);
+				}}
+			/>
+			<p>
+				<Button onClick={save} contrast disabled={!changed}>
+					<Text id="app.special.modals.actions.save" />
+				</Button>
+			</p>
+		</div>
+	);
 }