feat: Revamp FormScreen efficiency calculator

Aetherspace · Dec 13, 2024 · 2c82020 · 2c82020
1 parent 0a8f192
commit 2c82020
Show file tree

Hide file tree

Showing 6 changed files with 471 additions and 80 deletions.
diff --git a/apps/next/app/Document.tsx b/apps/next/app/Document.tsx
@@ -23,6 +23,11 @@ const Document = (props: { children: ReactNode }) => {
         <title>Universal App Router</title>
         {/* - Other - */}
         <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta property="og:image" content="https://github.com/user-attachments/assets/a2eecfd2-7889-4079-944b-1b5af6cf5ddf" />
+        <meta property="og:image:type" content="image/png" />
+        <meta property="og:image:alt" content="A screenshot of the fullproduct.dev universal app starterkit demo" />
+        <meta property="og:image:width" content="2866" />
+        <meta property="og:image:height" content="1562" />
       </head>
       <body suppressHydrationWarning>
         <ServerStylesProvider>

diff --git a/apps/next/global.css b/apps/next/global.css
@@ -13,7 +13,7 @@
         --primary-inverse: 0, 0%, 100%; /* #FFFFFF; /* tailwind: colors.white */
         --secondary: 217, 13%, 19%; /* #1f2937; /* tailwind: colors.gray[800] */
         --secondary-inverse: 210, 16%, 96%; /* #f3f4f6; /* tailwind: colors.gray[100] */
-        --link: 213, 94%, 76%; /* #93c5fd; /* tailwind: colors.blue[300] */
+        --link: 217, 90%, 70%; /* #60a5fa; /* tailwind: colors.blue[400] */
         --muted: 220, 8%, 65%; /* #9ca3af; /* tailwind: colors.gray[400] */
         --warn: 24, 89%, 47%; /* #ea580c; /* tailwind: colors.orange[600] */
         --danger: 0, 78%, 47%; /* #dc2626; /* tailwind: colors.red[600] */

diff --git a/features/@app-core/forms/CheckList.styled.tsx b/features/@app-core/forms/CheckList.styled.tsx
@@ -1,6 +1,7 @@
 import { createContext, useContext, useState, useEffect, ReactNode } from 'react'
 import { z } from '@green-stack/schemas'
 import { Checkbox, CheckboxProps } from './Checkbox.styled'
+import { arrFromSet } from '@green-stack/utils/arrayUtils'
 
 /* --- Context --------------------------------------------------------------------------------- */
 
@@ -98,7 +99,7 @@ const CheckListComponent = <T extends string[] = string[]>(rawProps: CheckListPr
     // -- Effects --
 
     useEffect(() => {
-        onChange(values)
+        onChange(arrFromSet(values || []) as T)
     }, [valuesKey])
 
     useEffect(() => {