display bp in header with stats

Author: tdjsnelling

api/src/controllers/user.js

@@ -697,7 +697,8 @@ export const getUserStats = async (req, res, next) => {
       return
     }
 
-    res.json(await getUserRatio(user._id))
+    const ratioStats = await getUserRatio(user._id)
+    res.json({ ...ratioStats, bp: user.bonusPoints })
   } catch (e) {
     next(e)
   }

client/pages/_app.js

@@ -18,6 +18,7 @@ import { LoaderAlt } from '@styled-icons/boxicons-regular/LoaderAlt'
 import { Sort } from '@styled-icons/boxicons-regular/Sort'
 import { CaretUp } from '@styled-icons/boxicons-regular/CaretUp'
 import { CaretDown } from '@styled-icons/boxicons-regular/CaretDown'
+import { Award } from '@styled-icons/boxicons-regular/Award'
 import Navigation from '../components/Navigation'
 import Box from '../components/Box'
 import Button from '../components/Button'
@@ -322,9 +323,13 @@ const SqTracker = ({ Component, pageProps, initialTheme }) => {
                           {prettyBytes(userStats.up ?? 0)}
                         </Text>
                         <CaretDown size={16} />
-                        <Text fontSize={0} ml={0} mr={4}>
+                        <Text fontSize={0} ml={0} mr={2}>
                           {prettyBytes(userStats.down ?? 0)}
                         </Text>
+                        <Award size={16} />
+                        <Text fontSize={0} ml={0} mr={4}>
+                          {userStats.bp ?? 0} BP
+                        </Text>
                       </Box>
                     )}
                     <Box as="form" onSubmit={handleSearch}>

client/pages/index.js

@@ -73,8 +73,6 @@ const Index = ({
     if (query) router.push(`/search/${encodeURIComponent(query)}`)
   }
 
-  console.log(latestAnnouncement)
-
   return (
     <>
       <SEO title="Home" />