Merge pull request #256 from Vandivier/63-better-stripe-interop

feat: migrate err ui

package.json

@@ -41,12 +41,12 @@
     "autoprefixer": "10.4.14",
     "blitz": "2.0.9",
     "dotenv": "16.3.1",
-    "formik": "2.4.5",
     "final-form": "4.20.9",
+    "formik": "2.4.5",
     "fs-extra": "11.1.1",
     "gray-matter": "4.0.3",
-    "next": "14.2.3",
     "highlight.js": "11.9.0",
+    "next": "14.2.3",
     "nextjs-google-analytics": "2.3.3",
     "postcss": "8.4.24",
     "postmark": "4.0.2",
@@ -55,8 +55,10 @@
     "react-dom": "18.2.0",
     "react-final-form": "6.5.9",
     "react-select": "5.8.0",
+    "rehype-autolink-headings": "7.1.0",
     "rehype-external-links": "3.0.0",
     "rehype-highlight": "7.0.0",
+    "rehype-slug": "6.0.0",
     "rehype-stringify": "10.0.0",
     "remark": "14.0.3",
     "remark-html": "15.0.2",
@@ -70,8 +72,8 @@
   },
   "devDependencies": {
     "@next/bundle-analyzer": "12.0.8",
-    "@tailwindcss/typography": "0.5.9",
     "@next/env": "13.4.19",
+    "@tailwindcss/typography": "0.5.9",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "13.4.0",
     "@testing-library/react-hooks": "8.0.1",

src/app/(auth)/components/LoginForm.tsx

@@ -17,6 +17,7 @@ export const LoginForm = (props: LoginFormProps) => {
       <h1 className="mb-4 text-2xl font-bold text-gray-800">Log In</h1>
 
       <Form
+        className="space-y-4"
         submitText="Log In"
         schema={Login}
         initialValues={{ email: "", password: "" }}
@@ -45,12 +46,17 @@ export const LoginForm = (props: LoginFormProps) => {
           type="password"
         />
         <div className="mt-4 text-left">
-          <Link href="/forgot-password">Forgot your password?</Link>
+          <Link className="underline" href="/forgot-password">
+            Forgot your password?
+          </Link>
         </div>
       </Form>
 
       <div className="mt-4">
-        Or <Link href="/signup" className="underline">Sign Up</Link>
+        Need to create an account?{" "}
+        <Link className="underline" href="/signup">
+          Sign up here!
+        </Link>
       </div>
     </div>
   )