Place standard amount in lib/members

components/announcements/cta.js

@@ -1,6 +1,7 @@
 import { Box, Button, Grid, Heading, Text } from 'theme-ui'
 import Icon from '@hackclub/icons'
 import NextLink from 'next/link'
+import { thousands } from '../../lib/members'
 
 export default function SlackCTA() {
   return (
@@ -21,7 +22,7 @@ export default function SlackCTA() {
           </Heading>
           <Text variant="subtitle" sx={{ lineHeight: 'caption', mb: 3 }}>
             Hack Club is a global community of high school makers & student-led
-            coding clubs. We’ve got a 24/7 Slack chatroom of 16k+ teenagers
+            coding clubs. We’ve got a 24/7 Slack chatroom of {thousands}k+ teenagers
             learning to code & building amazing projects, & you’ll fit right in.
           </Text>
           <br />

lib/members.js

@@ -0,0 +1,3 @@
+export const count = 16000
+export const formatted = count.toLocaleString('en-US')
+export const thousands = Math.round(count / 1000)

pages/jobs/events-designer.js

@@ -4,6 +4,7 @@ import Nav from '../../components/nav'
 import Meta from '@hackclub/meta'
 import ForceTheme from '../../components/force-theme'
 import Photo from '../../components/photo'
+import { formatted } from '../lib/members'
 
 const Page = () => (
   <>
@@ -239,7 +240,7 @@ const Page = () => (
         variant="headline"
         sx={{ fontWeight: 700, fontSize: [4, 5], mb: 4 }}
       >
-        Hack Club is where 16,000+ teenage programmers talk, build, and have fun
+        Hack Club is where {formatted}+ teenage programmers talk, build, and have fun
         together.
       </Heading>
 

pages/jobs/lead-hacker.js

@@ -4,6 +4,7 @@ import Nav from '../../components/nav'
 import Meta from '@hackclub/meta'
 import ForceTheme from '../../components/force-theme'
 import Photo from '../../components/photo'
+import { formatted } from '../lib/members'
 
 const Page = () => (
   <>
@@ -53,7 +54,7 @@ const Page = () => (
         <Link href="/bank" target="_blank">
           Hack Club Bank
         </Link>{' '}
-        for our community of 16,000+ teenage programmers. Within 24 hours of
+        for our community of {formatted}+ teenage programmers. Within 24 hours of
         joining Bank, organizations get 501(c)(3) nonprofit status, access to a
         beautiful dashboard for managing their finances, and all financial and
         legal matters - from tax filings to payroll - handled. 50% of high

pages/ship.js

@@ -23,6 +23,7 @@ import Footer from '../components/footer'
 import { timeSince } from '../lib/dates'
 import { orderBy, filter, take, map, uniq, reverse } from 'lodash'
 import { keyframes } from '@emotion/react'
+import { thousands } from '../lib/members'
 
 const ShipBadge = props => (
   <Badge
@@ -138,7 +139,7 @@ const ShipPage = ({ posts = [] }) => (
           Want to ship your own projects?
         </Heading>
         <Text variant="subtitle" sx={{ lineHeight: 'caption', mb: 3 }}>
-          The #ship channel on the Hack&nbsp;Club Slack is where 15k+ teenagers
+          The #ship channel on the Hack&nbsp;Club Slack is where {thousands}k+ teenagers
           from around the world share what they’re working on & help each other.
         </Text>
         <NextLink href="/slack" passHref>

pages/slack.js

@@ -11,6 +11,7 @@ import Footer from '../components/footer'
 import Header from '../components/slack/header'
 import SlackEvents from '../components/slack/slack-events'
 import { getCount } from '../pages/api/channels/count-to-a-million'
+import { formatted, thousands } from '../lib/members'
 
 const zoomSlide = keyframes({
   from: { backgroundPosition: '-32px bottom' },
@@ -27,7 +28,7 @@ const SlackPage = ({ millionCount }) => (
     <Meta
       as={Head}
       name="Join our Slack"
-      description="The Hack Club Slack is a community of 15k+ high school hackers around the world. Chat, meet new friends, code together, share your work."
+      description={`The Hack Club Slack is a community of ${thousands}k+ high school hackers around the world. Chat, meet new friends, code together, share your work.`}
       image="https://cloud-ls9rh3hok.vercel.app/2020-07-25_d2dd4egb1th5k71w4uj0abbfkvvtnc01.jpeg"
     />
     <ForceTheme theme="light" />
@@ -40,7 +41,7 @@ const SlackPage = ({ millionCount }) => (
         sx={{ maxWidth: 'copyPlus', alignItems: 'end' }}
       >
         <Stat
-          value="15k+"
+          value={`${thousands}k+`}
           label="total members"
           color="red"
           lg
@@ -56,7 +57,7 @@ const SlackPage = ({ millionCount }) => (
       >
         Have a coding question? Looking for project feedback? You’ll find some
         fabulous people to talk to in our global Slack (Discord-style online
-        groupchat) with 15,000+ members, active at all hours.
+        groupchat) with {formatted}+ members, active at all hours.
       </Text>
       <Heading
         as="h2"

pages/vitalik.js

@@ -4,6 +4,7 @@ import Meta from '@hackclub/meta'
 import React, { useEffect, useState } from 'react'
 import tt from 'tinytime'
 import Particle from '../components/particles'
+import { thousands } from '../lib/members'
 
 export default function Vitalik() {
   const calculateTimeLeft = () => {
@@ -291,7 +292,7 @@ export default function Vitalik() {
                   Hack Club
                 </Link>{' '}
                 is a global community of high school makers & student-led coding
-                clubs. We’ve got a 24/7 Slack chatroom of 15k+ teenagers
+                clubs. We’ve got a 24/7 Slack chatroom of {thousands}k+ teenagers
                 learning to code & building amazing projects, & you’ll fit right
                 in.
               </Text>
@@ -320,7 +321,7 @@ export default function Vitalik() {
                   Hack Club
                 </Link>{' '}
                 is a global community of high school makers & student-led coding
-                clubs. We’ve got a 24/7 Slack chatroom of 15k+ teenagers
+                clubs. We’ve got a 24/7 Slack chatroom of {thousands}k+ teenagers
                 learning to code & building amazing projects, & you’ll fit right
                 in.
               </Text>