@featurevisor/site 0.56.0 → 0.57.0

package/lib/components/Tabs.d.ts

@@ -2,6 +2,7 @@
 interface Tab {
     title: string;
     to: string;
+    end?: boolean;
 }
 interface TabsProps {
     tabs: Tab[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@featurevisor/site",
-  "version": "0.56.0",
+  "version": "0.57.0",
   "description": "Static site for Featurevisor",
   "main": "dist",
   "scripts": {
@@ -63,7 +63,7 @@
     "webpack-merge": "^5.10.0"
   },
   "dependencies": {
-    "@featurevisor/types": "^0.56.0"
+    "@featurevisor/types": "^0.57.0"
   },
-  "gitHead": "cf164942d23745dbf52e8b68abbe7b153891ba11"
+  "gitHead": "62bd5cfb1b6f2f40747ad3abb3aa2562b3ec8aa7"
 }

package/src/components/App.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { Routes, Route, redirect } from "react-router-dom";
+import { Routes, Route, Navigate } from "react-router-dom";
 
 import { Header } from "./Header";
 import { Footer } from "./Footer";
@@ -63,9 +63,6 @@ export function App() {
         {fetchedSearchIndex && (
           <SearchIndexContext.Provider value={{ isLoaded: true, data: fetchedSearchIndex }}>
             <Routes>
-              {/* @TODO: try redirecting to /features */}
-              <Route path="/" element={<ListFeatures />} />
-
               <Route path="features">
                 <Route index element={<ListFeatures />} />
 
@@ -75,23 +72,11 @@ export function App() {
                   <Route path="variables" element={<DisplayFeatureVariablesSchema />} />
                   <Route path="rules" element={<DisplayFeatureRules />}>
                     <Route path=":environmentKey" element={<DisplayFeatureRulesTable />} />
-                    <Route
-                      path="*"
-                      loader={({ params }) =>
-                        /* @TODO: fix redirection */
-                        redirect(`/features/${params.featureKey}/rules/${environmentKeys[0]}`)
-                      }
-                    />
+                    <Route index element={<Navigate to={environmentKeys[0]} replace />} />
                   </Route>
                   <Route path="force" element={<DisplayFeatureForce />}>
                     <Route path=":environmentKey" element={<DisplayFeatureForceTable />} />
-                    <Route
-                      path="*"
-                      loader={({ params }) =>
-                        /* @TODO: fix redirection */
-                        redirect(`/features/${params.featureKey}/force/${environmentKeys[0]}`)
-                      }
-                    />
+                    <Route index element={<Navigate to={environmentKeys[0]} replace />} />
                   </Route>
                   <Route path="history" element={<DisplayFeatureHistory />} />
                 </Route>
@@ -118,6 +103,7 @@ export function App() {
               </Route>
 
               <Route path="history" element={<ListHistory />} />
+              <Route index element={<Navigate to="features" replace />} />
             </Routes>
           </SearchIndexContext.Provider>
         )}

package/src/components/ShowFeature.tsx

@@ -439,6 +439,7 @@ export function ShowFeature() {
     {
       title: "Overview",
       to: `/features/${featureKey}`,
+      end: true,
     },
     {
       title: "Variations",

package/src/components/Tabs.tsx

@@ -4,6 +4,7 @@ import { NavLink } from "react-router-dom";
 interface Tab {
   title: string;
   to: string;
+  end?: boolean;
 }
 
 interface TabsProps {
@@ -20,7 +21,7 @@ export function Tabs(props: TabsProps) {
           <NavLink
             key={tab.title}
             to={tab.to}
-            end
+            end={Boolean(tab.end)}
             className={({ isActive }) =>
               [
                 "w-1/4",