From b0d3cc2346a47f5108f459ae7653a5a1b70fc7be Mon Sep 17 00:00:00 2001
From: abdullaev <sanjarabdullaev123456@gmail.com>
Date: Thu, 12 Oct 2023 13:46:48 +0500
Subject: [PATCH] feat: createRoutesView otherwise param can have layout

---
 src/create-routes-view.tsx | 29 +++++++++++++++++++++++------
 1 file changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/create-routes-view.tsx b/src/create-routes-view.tsx
index aae33da..ff3cac8 100644
--- a/src/create-routes-view.tsx
+++ b/src/create-routes-view.tsx
@@ -11,7 +11,7 @@ export interface RouteRecord<Props, Params extends RouteParams> {
 
 export interface RoutesViewConfig {
   routes: RouteRecord<any, any>[];
-  otherwise?: React.ComponentType<any>;
+  otherwise?: React.ComponentType<any> | Omit<RouteRecord<any, any>, 'route'>;
 }
 
 export function createRoutesView<Config extends RoutesViewConfig>(config: Config) {
@@ -29,9 +29,9 @@ export function createRoutesView<Config extends RoutesViewConfig>(config: Config
         if (route.layout) {
           const Layout = route.layout;
           return (
-            <Layout>
-              <View />
-            </Layout>
+              <Layout>
+                <View />
+              </Layout>
           );
         }
 
@@ -40,11 +40,28 @@ export function createRoutesView<Config extends RoutesViewConfig>(config: Config
     }
 
     if (mergedConfig.otherwise) {
-      const Otherwise = mergedConfig.otherwise;
+      const otherwise = mergedConfig.otherwise;
+      if (isComponent(otherwise)) {
+        const Otherwise = otherwise;
+        return <Otherwise />;
+      }
 
-      return <Otherwise />;
+      const View = otherwise.view;
+      if (otherwise.layout) {
+        const Layout = otherwise.layout;
+        return (
+            <Layout>
+              <View />
+            </Layout>
+        )
+      }
+      return <View />
     }
 
     return null;
   };
 }
+
+function isComponent(obj: unknown): obj is React.ComponentType<any> {
+  return typeof obj === 'function';
+}