fix (@jitsucom/console): Fix Markup (#1158)

jitsucom · Dec 17, 2024 · 78ef2d4 · 78ef2d4
1 parent f6c299b
commit 78ef2d4
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/webapps/console/components/BillingDetails/BillingDetails.tsx b/webapps/console/components/BillingDetails/BillingDetails.tsx
@@ -58,8 +58,8 @@ export const ChartView: React.FC<{ data: ActiveEventsReport }> = ({ data }) => {
   return (
     <div ref={wrapperRef} className="h-full relative">
       <div className="absolute -translate-y-full pb-8">
-        <div className="text-textLight">Total Acive Events</div>
-        <div className="text-2xl">{data.totalActiveEvents.toLocaleString("en-US")}</div>
+        <p className="text-textLight">Total Acive Events</p>
+        <p className="text-2xl">{data.totalActiveEvents.toLocaleString("en-US")}</p>
       </div>
       <canvas className="w-full h-full my-12"></canvas>
     </div>

diff --git a/webapps/console/components/EventStat/EventStatPage.tsx b/webapps/console/components/EventStat/EventStatPage.tsx
@@ -18,7 +18,7 @@ const TotalEvents: React.FC<{ val?: number; className?: string }> = ({ val, clas
     <h3 className={classNames("text-textLight")}>Total Events</h3>
     <div className="h-10 flex items-center">
       {val || val === 0 ? (
-        <div className="text-2xl">{val.toLocaleString("en-US", { maximumFractionDigits: 0 })}</div>
+        <p className="text-2xl">{val.toLocaleString("en-US", { maximumFractionDigits: 0 })}</p>
       ) : (
         <Skeleton paragraph={false} active />
       )}

diff --git a/webapps/console/pages/accept.tsx b/webapps/console/pages/accept.tsx
@@ -19,7 +19,7 @@ const AcceptInvite = () => {
                 <div className="shadow-lg px-6 py-8 rounded-lg">
                   <div className="flex items-center">
                     <FaExclamationCircle className="text-error h-12 w-12 pr-4" />
-                    <div className="text-2xl">Failed to accept invitation</div>
+                    <p className="text-2xl">Failed to accept invitation</p>
                   </div>
                   <div>{result.details}</div>
                   <div className="flex pt-5 justify-center text-lg">
@@ -34,7 +34,7 @@ const AcceptInvite = () => {
               <div className="shadow-lg px-6 py-8 rounded-lg">
                 <div className="flex items-center">
                   <FaCheckCircle className="text-success h-12 w-12 pr-4" />
-                  <div className="text-2xl">Invitation accepted</div>
+                  <p className="text-2xl">Invitation accepted</p>
                 </div>
                 <div className="pt-5 text-lg">
                   Open{" "}

diff --git a/webapps/console/pages/custom-plan.tsx b/webapps/console/pages/custom-plan.tsx
@@ -145,10 +145,10 @@ const CustomPlanView: React.FC<{ token: string }> = ({ token }) => {
                   .map(w => ({ value: w.id, label: w.name }))}
               />
               <div className="flex flex-col space-y-4">
-                <div className="text-2xl">
+                <p className="text-2xl">
                   <span className="font-bold">${data.plan.monthlyPrice}</span>
                   <span className="text-textLight">/month</span>
-                </div>
+                </p>
                 <div className="text-textLight">
                   Terms:{" "}
                   <b>