set up route placeholders, /cases, /casesummary (#127)

* set up route placeholders, /cases, /casesummary * created a directory to hold HEAT UI components and moved Case Summary components to that directory
codeforboston · Dec 27, 2023 · d8c5553 · d8c5553
1 parent 25e70ee
commit d8c5553
Show file tree

Hide file tree

Showing 13 changed files with 56 additions and 37 deletions.
diff --git a/heat-stack/app/components/CaseSummary.tsx b/heat-stack/app/components/CaseSummary.tsx
diff --git a/...ummaryComponents/CurrentHeatingSystem.tsx → ...ummaryComponents/CurrentHeatingSystem.tsx b/...ummaryComponents/CurrentHeatingSystem.tsx → ...ummaryComponents/CurrentHeatingSystem.tsx
diff --git a/...aseSummaryComponents/EnergyUseHistory.tsx → ...aseSummaryComponents/EnergyUseHistory.tsx b/...aseSummaryComponents/EnergyUseHistory.tsx → ...aseSummaryComponents/EnergyUseHistory.tsx
diff --git a/...mmaryComponents/EnergyUseHistoryChart.tsx → ...mmaryComponents/EnergyUseHistoryChart.tsx b/...mmaryComponents/EnergyUseHistoryChart.tsx → ...mmaryComponents/EnergyUseHistoryChart.tsx
@@ -1,4 +1,4 @@
-import { Checkbox } from '../../../components/ui/checkbox.tsx'
+import { Checkbox } from '../../../../components/ui/checkbox.tsx'
 
 import {
 	Table,
@@ -7,7 +7,7 @@ import {
 	TableHead,
 	TableHeader,
 	TableRow,
-} from '../../../components/ui/table.tsx'
+} from '../../../../components/ui/table.tsx'
 
 const months = [
 	{

diff --git a/...nents/ui/CaseSummaryComponents/Graphs.tsx → .../ui/heat/CaseSummaryComponents/Graphs.tsx b/...nents/ui/CaseSummaryComponents/Graphs.tsx → .../ui/heat/CaseSummaryComponents/Graphs.tsx
diff --git a/...CaseSummaryComponents/Graphs/HeatLoad.tsx → ...CaseSummaryComponents/Graphs/HeatLoad.tsx b/...CaseSummaryComponents/Graphs/HeatLoad.tsx → ...CaseSummaryComponents/Graphs/HeatLoad.tsx
diff --git a/...mponents/Graphs/StandardDeviationOfUA.tsx → ...mponents/Graphs/StandardDeviationOfUA.tsx b/...mponents/Graphs/StandardDeviationOfUA.tsx → ...mponents/Graphs/StandardDeviationOfUA.tsx
diff --git a/...mponents/Graphs/WholeHomeUAComparison.tsx → ...mponents/Graphs/WholeHomeUAComparison.tsx b/...mponents/Graphs/WholeHomeUAComparison.tsx → ...mponents/Graphs/WholeHomeUAComparison.tsx
diff --git a/...CaseSummaryComponents/HomeInformation.tsx → ...CaseSummaryComponents/HomeInformation.tsx b/...CaseSummaryComponents/HomeInformation.tsx → ...CaseSummaryComponents/HomeInformation.tsx
@@ -1,6 +1,6 @@
 import { Form } from '@remix-run/react'
-import { Input } from '../input.tsx'
-import { Label } from '../label.tsx'
+import { Input } from '../../input.tsx'
+import { Label } from '../../label.tsx'
 
 export function HomeInformation() {
 	const name = 'Pietro Schirano'

diff --git a/heat-stack/app/root.tsx b/heat-stack/app/root.tsx
@@ -6,7 +6,6 @@ import {
 	type LinksFunction,
 } from '@remix-run/node'
 import { Links, Scripts, Outlet } from '@remix-run/react'
-import { CaseSummary } from './components/CaseSummary.tsx'
 import { href as iconsHref } from './components/ui/icon.tsx'
 import fontStyleSheetUrl from './styles/font.css'
 import tailwindStyleSheetUrl from './styles/tailwind.css'
@@ -18,7 +17,11 @@ import { prisma } from './utils/db.server.ts'
 import { getEnv } from './utils/env.server.ts'
 import { combineHeaders, getDomainUrl } from './utils/misc.tsx'
 import { useNonce } from './utils/nonce-provider.ts'
-import { combineServerTimings, makeTimings, time } from './utils/timing.server.ts'
+import {
+	combineServerTimings,
+	makeTimings,
+	time,
+} from './utils/timing.server.ts'
 // Hints may not be required. Double check.
 import { WeatherExample } from './components/WeatherExample.tsx'
 import { Weather } from './WeatherExample.js'
@@ -115,17 +118,21 @@ export async function loader({ request }: DataFunctionArgs) {
 	)
 }
 
-/** 
- * Step 4 of making Server Timings 
- * https://github.com/epicweb-dev/epic-stack/blob/main/docs/server-timing.md 
+/**
+ * Step 4 of making Server Timings
+ * https://github.com/epicweb-dev/epic-stack/blob/main/docs/server-timing.md
  */
 export const headers: HeadersFunction = ({ loaderHeaders, parentHeaders }) => {
 	return {
 		'Server-Timing': combineServerTimings(parentHeaders, loaderHeaders),
 	}
 }
 
-export default function HeatStack({ children, env = {}, nonce }: {
+export default function HeatStack({
+	children,
+	env = {},
+	nonce,
+}: {
 	children: React.ReactNode
 	nonce: string
 	env?: Record<string, string>
@@ -138,14 +145,11 @@ export default function HeatStack({ children, env = {}, nonce }: {
 				<Links />
 			</head>
 			<body className="bg-background text-foreground">
-
-				<h1>Title</h1>
-
+				<div>Site header</div>
+				<br />
 				<Outlet />
-				<CaseSummary />
-
-				<div>Footer</div>
-
+				<br />
+				<div>Site footer</div>
 				<script
 					nonce={nonce}
 					dangerouslySetInnerHTML={{
@@ -157,5 +161,3 @@ export default function HeatStack({ children, env = {}, nonce }: {
 		</html>
 	)
 }
-
-// <CaseSummary />
diff --git a/heat-stack/app/routes/_heat+/CaseSummary.tsx b/heat-stack/app/routes/_heat+/CaseSummary.tsx
@@ -0,0 +1,18 @@
+import { CurrentHeatingSystem } from '../../components/ui/heat/CaseSummaryComponents/CurrentHeatingSystem.tsx'
+import { EnergyUseHistory } from '../../components/ui/heat/CaseSummaryComponents/EnergyUseHistory.tsx'
+import { Graphs } from '../../components/ui/heat/CaseSummaryComponents/Graphs.tsx'
+import { HomeInformation } from '../../components/ui/heat/CaseSummaryComponents/HomeInformation.tsx'
+
+export default function CaseSummary() {
+	return (
+		<main className="main-container">
+			<div>
+				<h1 className="page-title">Case Summary</h1>
+				<HomeInformation />
+				<CurrentHeatingSystem />
+				<EnergyUseHistory />
+				<Graphs />
+			</div>
+		</main>
+	)
+}
diff --git a/heat-stack/app/routes/_heat+/index.tsx b/heat-stack/app/routes/_heat+/index.tsx
@@ -0,0 +1,17 @@
+export default function Home() {
+	return (
+		<div>
+			<h1>
+				This is the Heat Home page - the first page a user will see when
+				starting the app
+			</h1>
+
+			<h1>Some paths with placeholder pages are:</h1>
+			<ul>
+				<li>/casesummary - see an example case summary</li>
+				<li>/cases - see a list of cases</li>
+				<li>/epicstack - information about the Epic Stack</li>
+			</ul>
+		</div>
+	)
+}
diff --git a/heat-stack/app/routes/_marketing+/index.tsx → ...tack/app/routes/_marketing+/epicstack.tsx b/heat-stack/app/routes/_marketing+/index.tsx → ...tack/app/routes/_marketing+/epicstack.tsx