diff --git a/src/app/page.tsx b/src/app/page.tsx index 8a2a629..df0c3fb 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -6,7 +6,6 @@ import StatusPie from "@/components/StatusPie"; import TitleBar from "@/components/TitleBar"; import AddApplication from "@/components/add-application"; import quotes from "./quotes"; -import { split } from "postcss/lib/list"; import LineGraph from "@/components/LineGraph"; interface Application { @@ -61,12 +60,6 @@ export default function Home() { } }; - - - // const dateOptions = { dateStyle: 'long' as const }; - // formattedFirstDate = new Intl.DateTimeFormat('en-US', dateOptions).format(date); - // } - function getRandomQuote() { const randomQuote = quotes[Math.floor(Math.random() * quotes.length)]; setQuote(randomQuote.text); @@ -123,8 +116,6 @@ export default function Home() { -

See data as a boring chart link

- ); } diff --git a/src/components/LineGraph.tsx b/src/components/LineGraph.tsx index 96f00a1..cc55b2e 100644 --- a/src/components/LineGraph.tsx +++ b/src/components/LineGraph.tsx @@ -18,15 +18,17 @@ interface AppProps { const LineGraph: React.FC = ({ applicationData }) => { const getWeekStartDate = (date:Date) => { - const day = date.getDay(); //day of week. 0 = sun - const diff = date.getDate() - day; // diff curr date to last sun + //day of week. 0 = sun + const day = date.getDay(); + // diff curr date to last sun + const diff = date.getDate() - day; return new Date(date.setDate(diff)); }; const applicationsPerWeek = applicationData.reduce>((acc, application) => { const date = new Date(application.Date); const weekStart = getWeekStartDate(date); - const weekStartKey = weekStart.toISOString().split('T')[0]; //start week as key + const weekStartKey = weekStart.toISOString().split('T')[0]; acc[weekStartKey] = (acc[weekStartKey] || 0) + 1; return acc; @@ -77,7 +79,6 @@ const LineGraph: React.FC = ({ applicationData }) => { } } } - return ; } export default LineGraph; \ No newline at end of file diff --git a/src/components/StatusPie.tsx b/src/components/StatusPie.tsx index b877be4..ca093e3 100644 --- a/src/components/StatusPie.tsx +++ b/src/components/StatusPie.tsx @@ -30,7 +30,7 @@ const StatusPie: React.FC = ({ applicationData }) => { labels: Object.keys(statusCounts), datasets: [{ data: Object.values(statusCounts), - backgroundColor: ['#7c00ff', '#06b000', '#e6c200', '#0df0df', '#a24aff', '#1166a3'], // 6 status: nope, ghost, interview, takehome, hired, other + backgroundColor: ['#7c00ff', '#06b000', '#e6c200', '#0df0df', '#a24aff', '#1166a3'], }], }; @@ -49,15 +49,6 @@ const StatusPie: React.FC = ({ applicationData }) => { bottom: 10, }, }, - // legend not displaying?! - // legend: { - // display: true, - // position: 'right' as LayoutPosition, - // labels: { - // boxWidth: 20, - // padding: 10, - // } - // }, datalabels: { color: '#fff', anchor: 'end', @@ -68,7 +59,7 @@ const StatusPie: React.FC = ({ applicationData }) => { formatter: (value: number, context: any) => { const label = context.chart.data.labels[context.dataIndex]; const percent = +(value / totalCount * 100).toFixed(0); - if (percent < 3) return null; // Adjust threshold as needed + if (percent < 3) return null; return `${label}: ${percent}%`; }, textStrokeColor: '#000', @@ -76,7 +67,6 @@ const StatusPie: React.FC = ({ applicationData }) => { } } } - return ; } export default StatusPie; \ No newline at end of file diff --git a/src/components/TitleBar.tsx b/src/components/TitleBar.tsx index 0392d4f..c82a0f2 100644 --- a/src/components/TitleBar.tsx +++ b/src/components/TitleBar.tsx @@ -59,7 +59,6 @@ const TitleBar: React.FC = ({ applicationData }) => { } } } - return ; } export default TitleBar; \ No newline at end of file diff --git a/src/components/add-application.tsx b/src/components/add-application.tsx index fb76503..d333328 100644 --- a/src/components/add-application.tsx +++ b/src/components/add-application.tsx @@ -180,5 +180,4 @@ export default function AddApplication({ onAddApplication }: AddApplicationProps ); - } \ No newline at end of file