Send pizza module

pizza-to-the-polls · Oct 28, 2023 · 51f2083 · 51f2083
1 parent 22f0b5a
commit 51f2083
Show file tree

Hide file tree

Showing 12 changed files with 542 additions and 212 deletions.
diff --git a/src/components.d.ts b/src/components.d.ts
@@ -12,6 +12,7 @@ export namespace Components {
         "location": LocationSegments | undefined;
     }
     interface FormReport {
+        "formattedAddress"?: string;
     }
     interface PageAbout {
     }
@@ -37,6 +38,7 @@ export namespace Components {
     interface PageGuidelines {
     }
     interface PageHome {
+        "history": RouterHistory;
     }
     interface PageInstructions {
     }
@@ -48,6 +50,9 @@ export namespace Components {
     }
     interface PagePrivacy {
     }
+    interface PageReport {
+        "history"?: RouterHistory;
+    }
     interface PageSession {
         "match": MatchResults;
     }
@@ -81,6 +86,11 @@ export namespace Components {
         "trucks"?: { coords: google.maps.LatLngLiteral; id: LocationId }[];
         "zoom"?: number;
     }
+    interface UiLocationSearch {
+        "error": string | null;
+        "placeholder": string;
+        "readOnly": boolean;
+    }
     interface UiMainContent {
         "background": "yellow" | "cyan" | "teal" | "red" | "none";
         "fullBleed": boolean;
@@ -208,6 +218,12 @@ declare global {
         prototype: HTMLPagePrivacyElement;
         new (): HTMLPagePrivacyElement;
     };
+    interface HTMLPageReportElement extends Components.PageReport, HTMLStencilElement {
+    }
+    var HTMLPageReportElement: {
+        prototype: HTMLPageReportElement;
+        new (): HTMLPageReportElement;
+    };
     interface HTMLPageSessionElement extends Components.PageSession, HTMLStencilElement {
     }
     var HTMLPageSessionElement: {
@@ -250,6 +266,12 @@ declare global {
         prototype: HTMLUiGeoMapElement;
         new (): HTMLUiGeoMapElement;
     };
+    interface HTMLUiLocationSearchElement extends Components.UiLocationSearch, HTMLStencilElement {
+    }
+    var HTMLUiLocationSearchElement: {
+        prototype: HTMLUiLocationSearchElement;
+        new (): HTMLUiLocationSearchElement;
+    };
     interface HTMLUiMainContentElement extends Components.UiMainContent, HTMLStencilElement {
     }
     var HTMLUiMainContentElement: {
@@ -298,13 +320,15 @@ declare global {
         "page-partners": HTMLPagePartnersElement;
         "page-press": HTMLPagePressElement;
         "page-privacy": HTMLPagePrivacyElement;
+        "page-report": HTMLPageReportElement;
         "page-session": HTMLPageSessionElement;
         "page-trucks": HTMLPageTrucksElement;
         "page-vax-and-snacks": HTMLPageVaxAndSnacksElement;
         "ui-address-input": HTMLUiAddressInputElement;
         "ui-card": HTMLUiCardElement;
         "ui-dynamic-text": HTMLUiDynamicTextElement;
         "ui-geo-map": HTMLUiGeoMapElement;
+        "ui-location-search": HTMLUiLocationSearchElement;
         "ui-main-content": HTMLUiMainContentElement;
         "ui-modal": HTMLUiModalElement;
         "ui-pizza-list": HTMLUiPizzaListElement;
@@ -317,6 +341,7 @@ declare namespace LocalJSX {
         "location"?: LocationSegments | undefined;
     }
     interface FormReport {
+        "formattedAddress"?: string;
     }
     interface PageAbout {
     }
@@ -342,6 +367,7 @@ declare namespace LocalJSX {
     interface PageGuidelines {
     }
     interface PageHome {
+        "history": RouterHistory;
     }
     interface PageInstructions {
     }
@@ -353,6 +379,9 @@ declare namespace LocalJSX {
     }
     interface PagePrivacy {
     }
+    interface PageReport {
+        "history"?: RouterHistory;
+    }
     interface PageSession {
         "match": MatchResults;
     }
@@ -392,6 +421,12 @@ declare namespace LocalJSX {
         "trucks"?: { coords: google.maps.LatLngLiteral; id: LocationId }[];
         "zoom"?: number;
     }
+    interface UiLocationSearch {
+        "error"?: string | null;
+        "onLocationSelected"?: (event: CustomEvent<{ formattedAddress: string; locationName: string }>) => void;
+        "placeholder"?: string;
+        "readOnly"?: boolean;
+    }
     interface UiMainContent {
         "background"?: "yellow" | "cyan" | "teal" | "red" | "none";
         "fullBleed"?: boolean;
@@ -432,13 +467,15 @@ declare namespace LocalJSX {
         "page-partners": PagePartners;
         "page-press": PagePress;
         "page-privacy": PagePrivacy;
+        "page-report": PageReport;
         "page-session": PageSession;
         "page-trucks": PageTrucks;
         "page-vax-and-snacks": PageVaxAndSnacks;
         "ui-address-input": UiAddressInput;
         "ui-card": UiCard;
         "ui-dynamic-text": UiDynamicText;
         "ui-geo-map": UiGeoMap;
+        "ui-location-search": UiLocationSearch;
         "ui-main-content": UiMainContent;
         "ui-modal": UiModal;
         "ui-pizza-list": UiPizzaList;
@@ -467,13 +504,15 @@ declare module "@stencil/core" {
             "page-partners": LocalJSX.PagePartners & JSXBase.HTMLAttributes<HTMLPagePartnersElement>;
             "page-press": LocalJSX.PagePress & JSXBase.HTMLAttributes<HTMLPagePressElement>;
             "page-privacy": LocalJSX.PagePrivacy & JSXBase.HTMLAttributes<HTMLPagePrivacyElement>;
+            "page-report": LocalJSX.PageReport & JSXBase.HTMLAttributes<HTMLPageReportElement>;
             "page-session": LocalJSX.PageSession & JSXBase.HTMLAttributes<HTMLPageSessionElement>;
             "page-trucks": LocalJSX.PageTrucks & JSXBase.HTMLAttributes<HTMLPageTrucksElement>;
             "page-vax-and-snacks": LocalJSX.PageVaxAndSnacks & JSXBase.HTMLAttributes<HTMLPageVaxAndSnacksElement>;
             "ui-address-input": LocalJSX.UiAddressInput & JSXBase.HTMLAttributes<HTMLUiAddressInputElement>;
             "ui-card": LocalJSX.UiCard & JSXBase.HTMLAttributes<HTMLUiCardElement>;
             "ui-dynamic-text": LocalJSX.UiDynamicText & JSXBase.HTMLAttributes<HTMLUiDynamicTextElement>;
             "ui-geo-map": LocalJSX.UiGeoMap & JSXBase.HTMLAttributes<HTMLUiGeoMapElement>;
+            "ui-location-search": LocalJSX.UiLocationSearch & JSXBase.HTMLAttributes<HTMLUiLocationSearchElement>;
             "ui-main-content": LocalJSX.UiMainContent & JSXBase.HTMLAttributes<HTMLUiMainContentElement>;
             "ui-modal": LocalJSX.UiModal & JSXBase.HTMLAttributes<HTMLUiModalElement>;
             "ui-pizza-list": LocalJSX.UiPizzaList & JSXBase.HTMLAttributes<HTMLUiPizzaListElement>;

diff --git a/src/components/app-root/app-root.scss b/src/components/app-root/app-root.scss
@@ -166,6 +166,7 @@
 }
 
 footer {
+  margin-top: 16px;
   background: $light-red;
   color: $red;
 

diff --git a/src/components/app-root/app-root.tsx b/src/components/app-root/app-root.tsx
@@ -49,7 +49,7 @@ export class AppRoot {
           </div>
           <ul class="menu" id="menu">
             <li>
-              <stencil-route-link url="/home">🍕 Send pizza</stencil-route-link>
+              <stencil-route-link url="/report">🍕 Send pizza</stencil-route-link>
             </li>
             <li>
               <stencil-route-link url="/donate">💵 Donate</stencil-route-link>
@@ -82,7 +82,7 @@ export class AppRoot {
               <stencil-route url="/partners" component="page-partners" />
               <stencil-route url="/press" component="page-press" />
               <stencil-route url="/privacy" component="page-privacy" />
-              <stencil-route url="/report" routeRender={() => <stencil-router-redirect url="/" />} />
+              <stencil-route url="/report" component="page-report" />
               <stencil-route url="/trucks" component="page-trucks" />
               <stencil-route url="/vax-and-snacks" component="page-vax-and-snacks" />
               <stencil-route component="page-home" />