zias/stats
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

chore(dashboard): typos

Browse Source
This commit is contained in:
Carl-Gerhard Lindesvärd
2024-09-30 22:06:47 +02:00
parent bec5293166
commit 8fdc3e4033
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/dashboard/src/components/report/sidebar/ReportForumula.tsx → apps/dashboard/src/components/report/sidebar/ReportFormula.tsx
View File

@@ -5,17 +5,17 @@ import { useDispatch, useSelector } from '@/redux';
import { changeFormula } from '../reportSlice'; import { changeFormula } from '../reportSlice';
export function ReportForumula() { export function ReportFormula() {
const forumula = useSelector((state) => state.report.formula); const formula = useSelector((state) => state.report.formula);
const dispatch = useDispatch(); const dispatch = useDispatch();
return ( return (
<div> <div>
<h3 className="mb-2 font-medium">Forumula</h3> <h3 className="mb-2 font-medium">Formula</h3>
<div className="flex flex-col gap-4"> <div className="flex flex-col gap-4">
<Input <Input
placeholder="eg: A/B" placeholder="eg: A/B"
value={forumula} value={formula}
onChange={(event) => { onChange={(event) => {
dispatch(changeFormula(event.target.value)); dispatch(changeFormula(event.target.value));
}} }}

6
apps/dashboard/src/components/report/sidebar/ReportSidebar.tsx
View File

@@ -4,17 +4,17 @@ import { useSelector } from '@/redux';
import { ReportBreakdowns } from './ReportBreakdowns'; import { ReportBreakdowns } from './ReportBreakdowns';
import { ReportEvents } from './ReportEvents'; import { ReportEvents } from './ReportEvents';
import { ReportForumula } from './ReportForumula'; import { ReportFormula } from './ReportFormula';
export function ReportSidebar() { export function ReportSidebar() {
const { chartType } = useSelector((state) => state.report); const { chartType } = useSelector((state) => state.report);
const showForumula = chartType !== 'funnel'; const showFormula = chartType !== 'funnel';
const showBreakdown = chartType !== 'funnel'; const showBreakdown = chartType !== 'funnel';
return ( return (
<> <>
<div className="flex flex-col gap-8"> <div className="flex flex-col gap-8">
<ReportEvents /> <ReportEvents />
{showForumula && <ReportForumula />} {showFormula && <ReportFormula />}
{showBreakdown && <ReportBreakdowns />} {showBreakdown && <ReportBreakdowns />}
</div> </div>
<SheetFooter> <SheetFooter>