refactor: use nullish coalescing & optional chaining

Changes several places to use the afforementioned constructs in favour of
ternary expressions.

packages/backend/src/server/api/endpoints/drive/folders/create.ts

@@ -56,7 +56,7 @@ export default define(meta, paramDef, async (ps, user) => {
 		id: genId(),
 		createdAt: new Date(),
 		name: ps.name,
-		parentId: parent !== null ? parent.id : null,
+		parentId: parent?.id,
 		userId: user.id,
 	}).then(x => DriveFolders.findOneByOrFail(x.identifiers[0]));
 

packages/backend/src/services/drive/add-file.ts

@@ -425,7 +425,7 @@ export async function addFile({
 	file.createdAt = new Date();
 	file.userId = user ? user.id : null;
 	file.userHost = user ? user.host : null;
-	file.folderId = folder !== null ? folder.id : null;
+	file.folderId = folder?.id;
 	file.comment = comment;
 	file.properties = properties;
 	file.blurhash = info.blurhash || null;

packages/client/src/components/drive.nav-folder.vue

@@ -9,7 +9,7 @@
 	@drop.stop="onDrop"
 >
 	<i v-if="folder == null" class="fas fa-cloud"></i>
-	<span>{{ folder == null ? i18n.ts.drive : folder.name }}</span>
+	<span>{{ folder?.name ?? i18n.ts.drive }}</span>
 </div>
 </template>
 

packages/client/src/components/launch-pad.vue

@@ -60,7 +60,7 @@ const modal = $ref<InstanceType<typeof MkModal>>();
 
 const menu = defaultStore.state.menu;
 
-const items = Object.keys(menuDef).filter(k => !menu.includes(k)).map(k => menuDef[k]).filter(def => def.show == null ? true : def.show).map(def => ({
+const items = Object.keys(menuDef).filter(k => !menu.includes(k)).map(k => menuDef[k]).filter(def => def.show ?? true).map(def => ({
 	type: def.to ? 'link' : 'button',
 	text: i18n.ts[def.title],
 	icon: def.icon,

packages/client/src/filters/number.ts

@@ -1 +1 @@
-export default n => n == null ? 'N/A' : n.toLocaleString();
+export default n => n?.toLocaleString() ?? 'N/A';

packages/client/src/pages/settings/sounds.vue

@@ -85,7 +85,7 @@ async function edit(type) {
 			type: 'enum',
 			enum: soundsTypes.map(x => ({
 				value: x,
-				label: x == null ? i18n.ts.none : x,
+				label: x ?? i18n.ts.none,
 			})),
 			label: i18n.ts.sound,
 			default: sounds.value[type].type,

packages/client/src/scripts/scroll.ts

@@ -12,7 +12,7 @@ export function getScrollContainer(el: HTMLElement | null): HTMLElement | null {
 
 export function getScrollPosition(el: Element | null): number {
 	const container = getScrollContainer(el);
-	return container == null ? window.scrollY : container.scrollTop;
+	return container?.scrollTop ?? window.scrollY;
 }
 
 export function isTopVisible(el: Element | null): boolean {