From 8fdc3e4033ccb2615270c5118726ab801c89e834 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carl-Gerhard=20Lindesva=CC=88rd?= <lindesvard@gmail.com>
Date: Mon, 30 Sep 2024 22:06:47 +0200
Subject: [PATCH] chore(dashboard): typos

---
 .../sidebar/{ReportForumula.tsx => ReportFormula.tsx}     | 8 ++++----
 .../src/components/report/sidebar/ReportSidebar.tsx       | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)
 rename apps/dashboard/src/components/report/sidebar/{ReportForumula.tsx => ReportFormula.tsx} (71%)

diff --git a/apps/dashboard/src/components/report/sidebar/ReportForumula.tsx b/apps/dashboard/src/components/report/sidebar/ReportFormula.tsx
similarity index 71%
rename from apps/dashboard/src/components/report/sidebar/ReportForumula.tsx
rename to apps/dashboard/src/components/report/sidebar/ReportFormula.tsx
index 1908bbe7..8e181726 100644
--- a/apps/dashboard/src/components/report/sidebar/ReportForumula.tsx
+++ b/apps/dashboard/src/components/report/sidebar/ReportFormula.tsx
@@ -5,17 +5,17 @@ import { useDispatch, useSelector } from '@/redux';
 
 import { changeFormula } from '../reportSlice';
 
-export function ReportForumula() {
-  const forumula = useSelector((state) => state.report.formula);
+export function ReportFormula() {
+  const formula = useSelector((state) => state.report.formula);
   const dispatch = useDispatch();
 
   return (
     <div>
-      <h3 className="mb-2 font-medium">Forumula</h3>
+      <h3 className="mb-2 font-medium">Formula</h3>
       <div className="flex flex-col gap-4">
         <Input
           placeholder="eg: A/B"
-          value={forumula}
+          value={formula}
           onChange={(event) => {
             dispatch(changeFormula(event.target.value));
           }}
diff --git a/apps/dashboard/src/components/report/sidebar/ReportSidebar.tsx b/apps/dashboard/src/components/report/sidebar/ReportSidebar.tsx
index 2a4b8011..8e715268 100644
--- a/apps/dashboard/src/components/report/sidebar/ReportSidebar.tsx
+++ b/apps/dashboard/src/components/report/sidebar/ReportSidebar.tsx
@@ -4,17 +4,17 @@ import { useSelector } from '@/redux';
 
 import { ReportBreakdowns } from './ReportBreakdowns';
 import { ReportEvents } from './ReportEvents';
-import { ReportForumula } from './ReportForumula';
+import { ReportFormula } from './ReportFormula';
 
 export function ReportSidebar() {
   const { chartType } = useSelector((state) => state.report);
-  const showForumula = chartType !== 'funnel';
+  const showFormula = chartType !== 'funnel';
   const showBreakdown = chartType !== 'funnel';
   return (
     <>
       <div className="flex flex-col gap-8">
         <ReportEvents />
-        {showForumula && <ReportForumula />}
+        {showFormula && <ReportFormula />}
         {showBreakdown && <ReportBreakdowns />}
       </div>
       <SheetFooter>