Starting point for sift integration

Author: davenquinn

packages/sift/src/js/components/Column.tsx

@@ -1,6 +1,7 @@
 import h from "@macrostrat/hyper";
 import React from "react";
-import { Link, useParams } from "react-router-dom";
+import { useParams } from "react-router-dom";
+import { Link as VikeLink } from "~/renderer/Link";
 import Chart from "./Chart";
 import Footer from "./Footer";
 import { SiftLink } from "./Link";
@@ -284,13 +285,13 @@ class _Column extends React.Component {
           <PrevalentTaxa data={this.state.prevalentTaxa} />
 
           <StratColumn data={this.state.units} />
-          <Link
-            to={"/column/" + this.state.properties.col_id}
+          <VikeLink
+            href={"/columns/" + this.state.properties.col_id}
             target="_blank"
             className="normalize-link alternate-column"
           >
             Alternate column view
-          </Link>
+          </VikeLink>
         </div>
 
         <Footer data={this.state.refs} />

packages/sift/src/js/index.tsx

@@ -124,8 +124,7 @@ class App extends React.Component {
     this.getNavigateURL = this.getNavigateURL.bind(this);
   }
   getNavigateURL(item) {
-    let prefix =
-      siftPrefix + "/" + this.props.categoryRouteLookup[item.dataset] + "/";
+    let prefix = "/" + this.props.categoryRouteLookup[item.dataset] + "/";
     if (item.id != 0) {
       return prefix + item.id;
     } else {
@@ -226,6 +225,7 @@ function TopBarAutocomplete(props) {
   const finish = React.useCallback(
     (item) => {
       let url = props.getNavigateURL(item);
+      console.log(url);
       navigate(url);
     },
     [navigate]

src/renderer/Link.ts

@@ -5,6 +5,7 @@ export function Link(props: {
   href?: string;
   className?: string;
   children: React.ReactNode;
+  target?: string;
 }) {
   const pageContext = usePageContext();
   const className = [