initial example selection is now case-insensitive

Signed-off-by: Tim Deubler <[email protected]>
heremaps · May 14, 2024 · 7b3a518 · 7b3a518
1 parent b580b7a
commit 7b3a518
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/playground/src/App.tsx b/packages/playground/src/App.tsx
@@ -121,10 +121,11 @@ export const App: React.FC = (props: { examples: any }) => {
         if (hash) {
             let [c, title] = hash.split('-');
             if (title) {
-                c = decodeURI(c);
-                title = title.replace(/_/g, ' ');
+                // capitalize
+                c = decodeURI(c).split(' ').map((w) => w[0].toUpperCase() + w.slice(1)).join(' ');
+                title = title.replace(/_/g, ' ').toLowerCase();
                 for (let i = 0, examples = props.examples[c]; i < examples.length; i++) {
-                    if (examples[i].title == title) {
+                    if (examples[i].title.toLowerCase() == title) {
                         initExample = [i, c];
                         break;
                     }
@@ -182,7 +183,7 @@ export const App: React.FC = (props: { examples: any }) => {
 
     return (<div className={'Playground'}>
         <Navbar title={'XYZ Maps Playground'} version={apiVersion}></Navbar>
-        <MobilePanel defaultActive={'editor'} onChange={handleVisibility} visibility={visibility}/>
+        <MobilePanel defaultActive={'editor'} onChange={handleVisibility} visibility={visibility} />
 
         <div className={'content'}>
             <ExampleList examples={props.examples} onSelect={selectExample} onResize={updateColumnSize}