migrate settings save code to firebase 10

src/components/app.jsx

@@ -1081,18 +1081,15 @@ export default class App extends Component {
 				alertsService.add('Setting saved');
 			});
 			if (window.user) {
-				window.db.getDb().then(remoteDb => {
+				db.updateUserSetting(
-					remoteDb
+					window.user.uid,
-						.collection('users')
+					settingName,
-						.doc(window.user.uid)
+					this.state.prefs[settingName]
-						.update({
+				)
-							[`settings.${settingName}`]: this.state.prefs[settingName]
+					.then(arg => {
-						})
+						log(`Setting "${settingName}" saved`, arg);
-						.then(arg => {
+					})
-							log(`Setting "${settingName}" for user`, arg);
+					.catch(error => log(error));
-						})
-						.catch(error => log(error));
-				});
 			}
 			trackEvent('ui', 'updatePref-' + settingName, prefs[settingName]);
 		}

src/db.js

@@ -210,6 +210,14 @@ function getArrayFromQuerySnapshot(querySnapshot) {
 		return getDocs(q).then(getArrayFromQuerySnapshot);
 	}
 
+	async function updateUserSetting(userId, settingName, settingValue) {
+		const remoteDb = await getDb();
+
+		return updateDoc(doc(remoteDb, `users/${userId}`), {
+			[`settings.${settingName}`]: settingValue
+		});
+	}
+
 	window.db = {
 		getDb,
 		getUser,
@@ -219,6 +227,7 @@ function getArrayFromQuerySnapshot(querySnapshot) {
 		fetchItem,
 		getPublicItemCount,
 		getUserSubscriptionEvents,
+		updateUserSetting,
 		local: dbLocalAlias,
 		sync: dbSyncAlias
 	};