suppress-reset-on-activate-other-tabs

Author: solaoi

app/auth/components/LoginForm.tsx

@@ -3,7 +3,7 @@ import { LabeledTextField } from "app/core/components/LabeledTextField"
 import { Form, FORM_ERROR } from "app/core/components/Form"
 import login from "app/auth/mutations/login"
 import { Login } from "app/auth/validations"
-import Card from "../../core/layouts/Card"
+import Card from "app/core/layouts/Card"
 import { Flex } from "@chakra-ui/react"
 
 type LoginFormProps = {

app/auth/components/SignupForm.tsx

@@ -3,7 +3,7 @@ import { LabeledTextField } from "app/core/components/LabeledTextField"
 import { Form, FORM_ERROR } from "app/core/components/Form"
 import signup from "app/auth/mutations/signup"
 import { Signup } from "app/auth/validations"
-import Card from "../../core/layouts/Card"
+import Card from "app/core/layouts/Card"
 import { Flex } from "@chakra-ui/react"
 
 type SignupFormProps = {

app/core/components/Form.tsx

@@ -4,6 +4,7 @@ import { z } from "zod"
 import { validateZodSchema } from "blitz"
 export { FORM_ERROR } from "final-form"
 import { Button, Flex } from "@chakra-ui/react"
+import deepEqual from "fast-deep-equal"
 
 export interface FormProps<S extends z.ZodType<any, any>>
   extends Omit<PropsWithoutRef<JSX.IntrinsicElements["form"]>, "onSubmit"> {
@@ -27,6 +28,7 @@ export function Form<S extends z.ZodType<any, any>>({
   return (
     <FinalForm
       initialValues={initialValues}
+      initialValuesEqual={deepEqual}
       validate={validateZodSchema(schema)}
       onSubmit={onSubmit}
       render={({ handleSubmit, submitting, submitError }) => (

app/pages/projects/[projectId]/edit.tsx

@@ -5,7 +5,7 @@ import getProject from "app/projects/queries/getProject"
 import updateProject from "app/projects/mutations/updateProject"
 import { ProjectForm, FORM_ERROR } from "app/projects/components/ProjectForm"
 import { Spinner, Flex, Breadcrumb, BreadcrumbItem, BreadcrumbLink } from "@chakra-ui/react"
-import Card from "../../../core/layouts/Card"
+import Card from "app/core/layouts/Card"
 import { useCurrentUser } from "app/core/hooks/useCurrentUser"
 
 const BreadCrumb = ({ project }) => {

app/pages/projects/new.tsx

@@ -4,7 +4,7 @@ import createProject from "app/projects/mutations/createProject"
 import { ProjectForm, FORM_ERROR } from "app/projects/components/ProjectForm"
 import { Suspense } from "react"
 import { Spinner, Flex, Breadcrumb, BreadcrumbItem, BreadcrumbLink } from "@chakra-ui/react"
-import Card from "../../core/layouts/Card"
+import Card from "app/core/layouts/Card"
 import { useCurrentUser } from "app/core/hooks/useCurrentUser"
 
 const BreadCrumb = () => (

app/pages/stubs/[stubId]/edit.tsx

@@ -6,7 +6,7 @@ import updateStub from "app/stubs/mutations/updateStub"
 import { StubForm, FORM_ERROR } from "app/stubs/components/StubForm"
 import { Box, Spinner, Flex, Breadcrumb, BreadcrumbItem, BreadcrumbLink } from "@chakra-ui/react"
 import getProject from "app/projects/queries/getProject"
-import Card from "../../../core/layouts/Card"
+import Card from "app/core/layouts/Card"
 import { useCurrentUser } from "app/core/hooks/useCurrentUser"
 
 const BreadCrumb = ({ stub }) => {

app/pages/stubs/new.tsx

@@ -5,7 +5,7 @@ import { StubForm, FORM_ERROR } from "app/stubs/components/StubForm"
 import { Spinner, Flex, Breadcrumb, BreadcrumbItem, BreadcrumbLink } from "@chakra-ui/react"
 import getProject from "app/projects/queries/getProject"
 import { Suspense } from "react"
-import Card from "../../core/layouts/Card"
+import Card from "app/core/layouts/Card"
 import { useCurrentUser } from "app/core/hooks/useCurrentUser"
 
 const BreadCrumb = ({ projectId }) => {

app/stubs/components/StubForm.tsx

@@ -5,8 +5,7 @@ import { LabeledSelectField } from "app/core/components/LabeledSelectField"
 import { useRouterQuery } from "blitz"
 import { z } from "zod"
 export { FORM_ERROR } from "app/core/components/Form"
-import Card from "../../core/layouts/Card"
-import { border } from "@chakra-ui/styled-system"
+import Card from "app/core/layouts/Card"
 
 export function StubForm<S extends z.ZodType<any, any>>(props: FormProps<S>) {
   const query = useRouterQuery()