scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove autofilldetector since rhf update caused watch to behave differently

Browse Source
This commit is contained in:
Simon Emanuelsson
2025-05-23 11:40:09 +02:00
committed by Simon.Emanuelsson
parent fed24b9012
commit 2ddf31cbed
2 changed files with 0 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/AutoFillDetector.tsx
View File

@@ -1,23 +0,0 @@
"use client"
import { useEffect } from "react"
import { useFormContext } from "react-hook-form"
export default function AutoFillDetector() {
const {
formState: { dirtyFields, isDirty, touchedFields },
trigger,
watch,
} = useFormContext()
useEffect(() => {
const subscription = watch((_, field) => {
if (field.name && dirtyFields[field.name] && !touchedFields[field.name]) {
trigger(field.name)
}
})
return () => subscription.unsubscribe()
}, [dirtyFields, isDirty, touchedFields, trigger, watch])
return null
}

2
apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/index.tsx
View File

@@ -13,7 +13,6 @@ import Phone from "@/components/TempDesignSystem/Form/Phone"
import Footnote from "@/components/TempDesignSystem/Text/Footnote" import Footnote from "@/components/TempDesignSystem/Text/Footnote"
import { useRoomContext } from "@/contexts/Details/Room" import { useRoomContext } from "@/contexts/Details/Room"
import AutoFillDetector from "./AutoFillDetector"
import JoinScandicFriendsCard from "./JoinScandicFriendsCard" import JoinScandicFriendsCard from "./JoinScandicFriendsCard"
import { guestDetailsSchema, signedInDetailsSchema } from "./schema" import { guestDetailsSchema, signedInDetailsSchema } from "./schema"
import Signup from "./Signup" import Signup from "./Signup"
@@ -169,7 +168,6 @@ export default function Details({ user }: DetailsProps) {
)} )}
<SpecialRequests registerOptions={{ onBlur: updateDetailsStore }} /> <SpecialRequests registerOptions={{ onBlur: updateDetailsStore }} />
</div> </div>
<AutoFillDetector />
</form> </form>
</FormProvider> </FormProvider>
) )