Fetch latest version on all pages

pages/[username].tsx

@@ -9,10 +9,13 @@ import InfiniteScroll from 'react-infinite-scroll-component'
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
 
 import api from '~utils/api'
+
 import setUserToken from '~utils/setUserToken'
 import extractFilters from '~utils/extractFilters'
+import fetchLatestVersion from '~utils/fetchLatestVersion'
 import organizeRaids from '~utils/organizeRaids'
 import useDidMountEffect from '~utils/useDidMountEffect'
+import { appState } from '~utils/appState'
 import { elements, allElement } from '~data/elements'
 import { emptyPaginationObject } from '~utils/emptyStates'
 import { printError } from '~utils/reportError'
@@ -30,6 +33,7 @@ interface Props {
   meta: PaginationObject
   raids: Raid[]
   sortedRaids: Raid[][]
+  version: AppUpdate
 }
 
 const ProfileRoute: React.FC<Props> = (props: Props) => {
@@ -99,6 +103,7 @@ const ProfileRoute: React.FC<Props> = (props: Props) => {
       setTotalPages(props.meta.totalPages)
       setRecordCount(props.meta.count)
       replaceResults(props.meta.count, props.teams)
+      appState.version = props.version
     }
     setCurrentPage(1)
   }, [])
@@ -352,6 +357,9 @@ export const getServerSideProps = async ({ req, res, locale, query }: { req: Nex
   setUserToken(req, res)
 
   try {
+    // Fetch latest version
+    const version = await fetchLatestVersion()
+
     // Fetch and organize raids
     let { raids, sortedRaids } = await api.endpoints.raids
       .getAll()
@@ -393,6 +401,7 @@ export const getServerSideProps = async ({ req, res, locale, query }: { req: Nex
         meta: meta,
         raids: raids,
         sortedRaids: sortedRaids,
+        version: version,
         ...(await serverSideTranslations(locale, ['common', 'roadmap'])),
         // Will be passed to the page component as props
       },

pages/new/index.tsx

@@ -6,6 +6,7 @@ import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
 import Party from '~components/Party'
 
 import api from '~utils/api'
+import fetchLatestVersion from '~utils/fetchLatestVersion'
 import organizeRaids from '~utils/organizeRaids'
 import setUserToken from '~utils/setUserToken'
 import { appState } from '~utils/appState'
@@ -21,6 +22,7 @@ interface Props {
   raids: Raid[]
   sortedRaids: Raid[][]
   weaponKeys: GroupedWeaponKeys
+  version: AppUpdate
 }
 
 const NewRoute: React.FC<Props> = (props: Props) => {
@@ -41,6 +43,7 @@ const NewRoute: React.FC<Props> = (props: Props) => {
     appState.jobs = props.jobs
     appState.jobSkills = props.jobSkills
     appState.weaponKeys = props.weaponKeys
+    appState.version = props.version
   }
 
   return (
@@ -84,6 +87,10 @@ export const getServerSideProps = async ({ req, res, locale, query }: { req: Nex
   setUserToken(req, res)
 
   try {
+    // Fetch latest version
+    const version = await fetchLatestVersion()
+
+    // Fetch and organize raids
     let { raids, sortedRaids } = await api.endpoints.raids
       .getAll()
       .then((response) => organizeRaids(response.data))
@@ -105,6 +112,7 @@ export const getServerSideProps = async ({ req, res, locale, query }: { req: Nex
         raids: raids,
         sortedRaids: sortedRaids,
         weaponKeys: weaponKeys,
+        version: version,
         ...(await serverSideTranslations(locale, ['common', 'roadmap'])),
         // Will be passed to the page component as props
       },

pages/saved.tsx

@@ -12,8 +12,10 @@ import clonedeep from 'lodash.clonedeep'
 import api from '~utils/api'
 import setUserToken from '~utils/setUserToken'
 import extractFilters from '~utils/extractFilters'
+import fetchLatestVersion from '~utils/fetchLatestVersion'
 import organizeRaids from '~utils/organizeRaids'
 import useDidMountEffect from '~utils/useDidMountEffect'
+import { appState } from '~utils/appState'
 import { elements, allElement } from '~data/elements'
 import { emptyPaginationObject } from '~utils/emptyStates'
 import { printError } from '~utils/reportError'
@@ -30,6 +32,7 @@ interface Props {
   meta: PaginationObject
   raids: Raid[]
   sortedRaids: Raid[][]
+  version: AppUpdate
 }
 
 const SavedRoute: React.FC<Props> = (props: Props) => {
@@ -98,6 +101,7 @@ const SavedRoute: React.FC<Props> = (props: Props) => {
       setTotalPages(props.meta.totalPages)
       setRecordCount(props.meta.count)
       replaceResults(props.meta.count, props.teams)
+      appState.version = props.version
     }
     setCurrentPage(1)
   }, [])
@@ -354,6 +358,9 @@ export const getServerSideProps = async ({ req, res, locale, query }: { req: Nex
   setUserToken(req, res)
 
   try {
+    // Fetch latest version
+    const version = await fetchLatestVersion()
+
     // Fetch and organize raids
     let { raids, sortedRaids } = await api.endpoints.raids
       .getAll()
@@ -384,6 +391,7 @@ export const getServerSideProps = async ({ req, res, locale, query }: { req: Nex
         meta: meta,
         raids: raids,
         sortedRaids: sortedRaids,
+        version: version,
         ...(await serverSideTranslations(locale, ['common', 'roadmap'])),
         // Will be passed to the page component as props
       },

pages/teams.tsx

@@ -12,8 +12,10 @@ import clonedeep from 'lodash.clonedeep'
 import api from '~utils/api'
 import setUserToken from '~utils/setUserToken'
 import extractFilters from '~utils/extractFilters'
+import fetchLatestVersion from '~utils/fetchLatestVersion'
 import organizeRaids from '~utils/organizeRaids'
 import useDidMountEffect from '~utils/useDidMountEffect'
+import { appState } from '~utils/appState'
 import { elements, allElement } from '~data/elements'
 import { emptyPaginationObject } from '~utils/emptyStates'
 import { printError } from '~utils/reportError'
@@ -29,6 +31,7 @@ interface Props {
   teams?: Party[]
   meta: PaginationObject
   sortedRaids: Raid[][]
+  version: AppUpdate
 }
 
 const TeamsRoute: React.FC<Props> = (props: Props) => {
@@ -97,6 +100,7 @@ const TeamsRoute: React.FC<Props> = (props: Props) => {
       setTotalPages(props.meta.totalPages)
       setRecordCount(props.meta.count)
       replaceResults(props.meta.count, props.teams)
+      appState.version = props.version
     }
     setCurrentPage(1)
   }, [])
@@ -364,8 +368,11 @@ export const getServerSideProps = async ({ req, res, locale, query }: { req: Nex
   // Set headers for server-side requests
   setUserToken(req, res)
 
-  // Fetch and organize raids
   try {
+    // Fetch latest version
+    const version = await fetchLatestVersion()
+
+    // Fetch and organize raids
     let { raids, sortedRaids } = await api.endpoints.raids
       .getAll()
       .then((response) => organizeRaids(response.data))
@@ -395,6 +402,7 @@ export const getServerSideProps = async ({ req, res, locale, query }: { req: Nex
         meta: meta,
         raids: raids,
         sortedRaids: sortedRaids,
+        version: version,
         ...(await serverSideTranslations(locale, ['common', 'roadmap'])),
         // Will be passed to the page component as props
       },