New source found from dndbeyond.com

ddb_main/subApps/builder/routes/ClassChoose/ClassChoose.tsx

@@ -7,6 +7,7 @@ import { PrerequisiteUtils } from "@dndbeyond/character-rules-engine";
 import { Accordion } from "~/components/Accordion";
 import { HtmlContent } from "~/components/HtmlContent";
 import { Link } from "~/components/Link";
+import { NoResultsFound } from "~/components/NoResultsFound";
 import { PreferenceProgressionTypeEnum as progressionType } from "~/constants";
 import { orderBy } from "~/helpers/sortUtils";
 import { useCharacterEngine } from "~/hooks/useCharacterEngine";
@@ -16,11 +17,11 @@ import { navigationConfig } from "~/tools/js/CharacterBuilder/config";
 import { Button } from "../../../../components/Button";
 import { ConfirmClassModal } from "../../components/ConfirmClassModal";
 import { Listing } from "../../components/Listing";
-import { PortraitName } from "../../components/PortraitName";
 import { Search } from "../../components/Search";
 import { Spinner } from "../../components/Spinner";
 import { RouteKey } from "../../constants";
 import { useClassContext } from "../../contexts/Class";
+import pageStyles from "../../styles/page.module.css";
 import {
   ClassDefinitionContract,
   ClassItems,
@@ -105,11 +106,11 @@ export const ClassChoose: FC<ClassChooseProps> = ({
     totalClassLevel + 1 > currentLevel;
 
   // Navigate back to the class manage page
-  const handleNavigate = (): void =>
+  const handleNavigate = () =>
     navigate(
       navigationConfig
         .getRouteDefPath(RouteKey.CLASS_MANAGE)
-        .replace(":characterId", characterId)
+        .replace(":characterId", characterId.toString())
     );
 
   // Return requirements for multiclassing based on existing classes
@@ -291,15 +292,13 @@ export const ClassChoose: FC<ClassChooseProps> = ({
 
   return (
     <div
-      className={clsx([styles.page, className])}
+      className={clsx([pageStyles.page, className])}
       {...props}
       data-testid="chooseClassSection"
     >
       {showHeader && (
         <>
-          <PortraitName />
-          <hr className={styles.divider} />
-          <h2 className={styles.title}>
+          <h2 className={pageStyles.title}>
             Choose a Class{startingClass && " to Multiclass"}
           </h2>
           {startingClass && (
@@ -407,10 +406,14 @@ export const ClassChoose: FC<ClassChooseProps> = ({
               );
             })
           ) : (
-            <p className={styles.notFound}>
-              No Class options available. Return to the <strong>Home</strong>{" "}
-              tab to enable more source categories.
-            </p>
+            <NoResultsFound
+              message={
+                <>
+                  No Class options available. Return to the{" "}
+                  <strong>Home</strong> tab to enable more source categories.
+                </>
+              }
+            />
           )}
         </>
       )}