homepage-tiles-correcturl-and-redirectincorrect second attempt (#1538)

Co-authored-by: Cristina Aurrecoechea <aurreco@palm.penn.apidb.org>

Author: aurreco-uga

packages/libs/web-common/src/bootstrap.js

@@ -69,6 +69,7 @@ export function initialize(options = {}) {
     additionalMiddleware,
   } = options;
 
+  fixURLSlashHash();
   fixForwardSlashes();
   unaliasWebappUrl();
   removeJsessionid();
@@ -104,6 +105,16 @@ export function initialize(options = {}) {
   return context;
 }
 
+// home page tiles: redirect incorrect urls provided to users /app/#funding to correct /app#funding,
+export function fixURLSlashHash() {
+  const { pathname, hash } = window.location;
+  if (hash && pathname.endsWith('/')) {
+    const newPathname = (pathname + '/').replace(/[/]+/g, '/').slice(0, -1);
+    const newUrl = `${window.location.origin}${newPathname}${window.location.search}${hash}`;
+    window.history.replaceState(null, '', newUrl);
+  }
+}
+
 function fixForwardSlashes() {
   const { pathname } = window.location;
   if (pathname.includes('//') || pathname.endsWith('/')) {
@@ -113,7 +124,7 @@ function fixForwardSlashes() {
 }
 
 /**
- * Replace apache alaias `/a` with the webapp url.
+ * Replace apache alias `/a` with the webapp url.
  */
 function unaliasWebappUrl() {
   if (rootUrl) {

packages/libs/web-common/src/components/homepage/FeaturedTools.tsx

@@ -17,6 +17,8 @@ import { useSessionBackedState } from '@veupathdb/wdk-client/lib/Hooks/SessionBa
 import { makeClassNameHelper } from '@veupathdb/wdk-client/lib/Utils/ComponentUtils';
 import { decode, string } from '@veupathdb/wdk-client/lib/Utils/Json';
 
+import { fixURLSlashHash } from '../../bootstrap.js';
+
 import './FeaturedTools.scss';
 import { ContentError } from './ContentError';
 
@@ -332,6 +334,7 @@ const ToolListItem = ({ entry, onSelect, isSelected }: ToolListItemProps) => {
         e.preventDefault();
         onSelect();
         history.replace(`#${entry.identifier}`);
+        fixURLSlashHash();
       }}
       type="button"
     >