From 25962980fd3a06082f5a7b0ce87286b9c28c5fb2 Mon Sep 17 00:00:00 2001 From: Theodorus Clarence Date: Sat, 2 Apr 2022 19:55:29 +0700 Subject: [PATCH] fix: broken link on rhf post --- src/contents/blog/rhf.mdx | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) diff --git a/src/contents/blog/rhf.mdx b/src/contents/blog/rhf.mdx index 7e3569df..5c939b13 100644 --- a/src/contents/blog/rhf.mdx +++ b/src/contents/blog/rhf.mdx @@ -1,6 +1,7 @@ --- title: '7 Form Components For React Hook Form I Always Use' publishedAt: '2021-07-12' +lastUpdated: '2022-04-02' description: 'Building forms with validation is tedious and repetitive, using reusable component will help building faster.' englishOnly: 'true' banner: 'nikola-johnny-mirkovic-wyM1KmMUSbA-unsplash_fzyj2q' @@ -23,13 +24,13 @@ Building forms with validation is tedious and repetitive. So my friend and I cre height={438} /> -For the demo please visit [rhf.clarence.link](https://rhf.clarence.link) +For the demo please visit [rhf.thcl.dev](https://rhf.thcl.dev) > I'm open for all suggestions and contributions to improve 🚀. Open a PR on the repository (available on the demo website) or email me at me@theodorusclarence.com ## Yup Demo -I also made a validation using Yup, you can access it on [https://rhf.clarence.link/yup](https://rhf.clarence.link/yup) along with the source code. +I also made a validation using Yup, you can access it on [https://rhf.thcl.dev/yup](https://rhf.thcl.dev/yup) along with the source code. --- @@ -87,7 +88,7 @@ export default function Page() { ### 1. TextInput -[Link to demo](https://rhf.clarence.link/inputs#text-input) +[Link to demo](https://rhf.thcl.dev/inputs#text-input) Normal Text Input, with error validation @@ -95,7 +96,7 @@ Normal Text Input, with error validation ### 2. PasswordInput -[Link to demo](https://rhf.clarence.link/inputs#password-input) +[Link to demo](https://rhf.thcl.dev/inputs#password-input) Password input with peek functionality @@ -103,7 +104,7 @@ Password input with peek functionality ### 3. TextArea -[Link to demo](https://rhf.clarence.link/inputs#text-area) +[Link to demo](https://rhf.thcl.dev/inputs#text-area) Normal TextArea Input @@ -111,7 +112,7 @@ Normal TextArea Input ### 4. DatePicker -[Link to demo](https://rhf.clarence.link/inputs#date-picker) +[Link to demo](https://rhf.thcl.dev/inputs#date-picker) Using `react-datepicker` library, provided with useful props like defaultYear, defaultMonth, locale lang @@ -119,7 +120,7 @@ Using `react-datepicker` library, provided with useful props like defaultYear, d ### 5. Select (Native) -[Link to demo](https://rhf.clarence.link/inputs#select-native) +[Link to demo](https://rhf.thcl.dev/inputs#select-native) Select Input using composition @@ -127,7 +128,7 @@ Select Input using composition ### 6. File Upload Dropzone -[Link to demo](https://rhf.clarence.link/inputs#dropzone-input) +[Link to demo](https://rhf.thcl.dev/inputs#dropzone-input) Using `react-dropzone` library, we can specify selected file extension in the props @@ -135,7 +136,7 @@ Using `react-dropzone` library, we can specify selected file extension in the pr ### 7. Select (react-select) -[Link to demo](https://rhf.clarence.link/inputs#select-react) +[Link to demo](https://rhf.thcl.dev/inputs#select-react) Using `react-select` library, allowing us to search on the select input