Dynamic value for number of Beta Realms

src/ui/Assistant/AssistantContent/AssistantFirstRealm.tsx

@@ -1,6 +1,7 @@
 import React from "react"
 import { useAssistant, useLocalStorageChange } from "shared/hooks"
 import { LOCAL_STORAGE_VISITED_REALM } from "shared/constants"
+import { selectNumberOfRealms, useDappSelector } from "redux-state"
 import AssistantContent from "."
 
 export default function AssistantFirstRealm() {
@@ -9,6 +10,8 @@ export default function AssistantFirstRealm() {
     LOCAL_STORAGE_VISITED_REALM
   )
 
+  const numberOfRealms = useDappSelector(selectNumberOfRealms)
+
   const closeAssistant = () => {
     updateStorage(true)
     updateAssistant({ visible: false, type: "default" })
@@ -28,9 +31,9 @@ export default function AssistantFirstRealm() {
           boards.
         </p>
         <p className="paragraph" style={{ marginBottom: 0 }}>
-          Survey our 6 Beta Realms and choose the one you can dominate. The more
-          $TAHO you stake, the more $XP you earn. The more Citizens in each
-          Realm, the more your weekly $XP reward gets diluted.
+          Survey our {numberOfRealms} Beta Realms and choose the one you can
+          dominate. The more $TAHO you stake, the more $XP you earn. The more
+          Citizens in each Realm, the more your weekly $XP reward gets diluted.
         </p>
       </AssistantContent>
       <style jsx>{`