Redirect index to getting started

Author: CodeStix

articles/Custom-input.md

@@ -53,30 +53,3 @@ function ExampleForm() {
     );
 }
 ```
-
-## Example: Submit button that disables when unmodified/error
-
-![live updating form values](https://raw.githubusercontent.com/wiki/CodeStix/typed-react-form/images/submitbutton.gif)
-
-```jsx
-function FormExample() {
-    const form = useForm(
-        {
-            name: "John",
-        },
-        (values) => ({ name: values.name.length < 3 ? "Name must be longer" : undefined }) // Example validator
-    );
-    return (
-        <form
-            onSubmit={(ev) => {
-                ev.preventDefault();
-                console.log("save", form.values);
-                form.setDefaultValues(form.values);
-            }}>
-            <FormInput form={form} name="name" />
-            {/* Listen for any change on the form */}
-            <AnyListener form={form} render={(form) => <button disabled={!form.dirty || form.error}>Save</button>} />
-        </form>
-    );
-}
-```

articles/Home.md renamed to articles/Getting-started.md

@@ -12,8 +12,8 @@ const InnerContainer = styled.div`
 `;
 
 const OuterContainer = styled.div`
-    max-width: 1200px;
-    width: 1200px;
+    max-width: 1300px;
+    width: 1300px;
 `;
 
 export function CenterContainer({ children, ...rest }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) {

components/CenterContainer.tsx

@@ -8,7 +8,7 @@ const CATEGORIES = [
     {
         category: "Basic",
         items: [
-            { name: "Getting started", url: "/docs/Home" },
+            { name: "Getting started", url: "/docs/Getting-started" },
             { name: "FormInput", url: "/docs/FormInput" },
             { name: "FormTextArea", url: "/docs/FormTextArea" },
             { name: "FormSelect", url: "/docs/FormSelect" },

components/SideBar.tsx

@@ -0,0 +1,16 @@
+module.exports = {
+    async redirects() {
+        return [
+            {
+                source: "/",
+                destination: "/docs/Getting-started",
+                permanent: false,
+            },
+            {
+                source: "/docs",
+                destination: "/docs/Getting-started",
+                permanent: false,
+            },
+        ];
+    },
+};