proper actions for accountId page

routes/_utils/database/databaseCore.js

@@ -222,6 +222,14 @@ export async function getAccount(instanceName, accountId) {
   return result
 }
 
+export async function setAccount(instanceName, account) {
+  setInCache(accountsCache, instanceName, account.id, account)
+  const db = await getDatabase(instanceName)
+  return await dbPromise(db, ACCOUNTS_STORE, 'readwrite', (store) => {
+    store.put(account)
+  })
+}
+
 //
 // lifecycle
 //

routes/accounts/[accountId].html

@@ -29,40 +29,20 @@
   import { store } from '../_utils/store.js'
   import HiddenFromSSR from '../_components/HiddenFromSSR'
   import DynamicPageBanner from '../_components/DynamicPageBanner.html'
-  import { getAccount } from '../_utils/mastodon/user'
+  import { showAccountProfile } from './_actions/[accountId]'
-  import { database } from '../_utils/database/database'
 
   export default {
     oncreate() {
-      let currentInstance = this.store.get('currentInstance')
-      let accessToken = this.store.get('accessToken')
       let accountId = this.get('params').accountId
-      database.getAccount(currentInstance, accountId).then(account => {
+      showAccountProfile(accountId)
-        this.set({cachedAccount: account})
-      })
-      getAccount(currentInstance, accessToken, accountId).then(account => {
-        this.set({remoteAccount: account})
-      })
     },
     store: () => store,
     computed: {
-      remoteProfileName: (remoteAccount) => {
+      profileName: ($currentAccountProfile) => {
-        return remoteAccount && ('@' + remoteAccount.acct)
+        return $currentAccountProfile && ('@' + $currentAccountProfile.acct)
       },
-      remoteShortProfileName: (remoteAccount) => {
+      shortProfileName: ($currentAccountProfile) => {
-        return remoteAccount && ('@' + remoteAccount.username)
+        return $currentAccountProfile && ('@' + $currentAccountProfile.username)
-      },
-      cachedProfileName: (cachedAccount) => {
-        return cachedAccount && ('@' + cachedAccount.acct)
-      },
-      cachedShortProfileName: (cachedAccount) => {
-        return cachedAccount && ('@' + cachedAccount.username)
-      },
-      profileName: (remoteProfileName, cachedProfileName) => {
-        return remoteProfileName || cachedProfileName || ''
-      },
-      shortProfileName: (remoteShortProfileName, cachedShortProfileName) => {
-        return remoteShortProfileName || cachedShortProfileName || ''
       }
     },
     components: {

routes/accounts/_actions/[accountId].js

@@ -0,0 +1,24 @@
+import { getAccount } from '../../_utils/mastodon/user'
+import { database } from '../../_utils/database/database'
+import { store } from '../../_utils/store'
+
+export async function showAccountProfile(accountId) {
+  store.set({currentAccountProfile: null})
+  let instanceName = store.get('currentInstance')
+  let accessToken = store.get('accessToken')
+
+  let localPromise = database.getAccount(instanceName, accountId)
+  let remotePromise = getAccount(instanceName, accessToken, accountId).then(account => {
+    database.setAccount(instanceName, account)
+    return account
+  })
+
+  let localAccount = await localPromise
+  store.set({currentAccountProfile: localAccount})
+  try {
+    let remoteAccount = await remotePromise
+    store.set({currentAccountProfile: remoteAccount})
+  } catch (e) {
+    console.error("couldn't fetch profile", e)
+  }
+}