Merge pull request #606 from audioverse-org/list-books

List books
audioverse-org · Dec 5, 2024 · 4fcd658 · 4fcd658
2 parents d60f3cd + 815a426
commit 4fcd658
Show file tree

Hide file tree

Showing 17 changed files with 178 additions and 4 deletions.
diff --git a/public/compiled-lang/br.json b/public/compiled-lang/br.json
@@ -4109,6 +4109,18 @@
       "value": "Nossa História"
     }
   ],
+  "passageNavigation__selector-grid": [
+    {
+      "type": 0,
+      "value": "Grid"
+    }
+  ],
+  "passageNavigation__selector-list": [
+    {
+      "type": 0,
+      "value": "List"
+    }
+  ],
   "personTypeLockup_type": [
     {
       "type": 0,

diff --git a/public/compiled-lang/de.json b/public/compiled-lang/de.json
@@ -4109,6 +4109,18 @@
       "value": "Our Story"
     }
   ],
+  "passageNavigation__selector-grid": [
+    {
+      "type": 0,
+      "value": "Grid"
+    }
+  ],
+  "passageNavigation__selector-list": [
+    {
+      "type": 0,
+      "value": "List"
+    }
+  ],
   "personTypeLockup_type": [
     {
       "type": 0,

diff --git a/public/compiled-lang/en.json b/public/compiled-lang/en.json
@@ -4105,6 +4105,18 @@
       "value": "Our Story"
     }
   ],
+  "passageNavigation__selector-grid": [
+    {
+      "type": 0,
+      "value": "Grid"
+    }
+  ],
+  "passageNavigation__selector-list": [
+    {
+      "type": 0,
+      "value": "List"
+    }
+  ],
   "personTypeLockup_type": [
     {
       "type": 0,

diff --git a/public/compiled-lang/es.json b/public/compiled-lang/es.json
@@ -4125,6 +4125,18 @@
       "value": "Our Story"
     }
   ],
+  "passageNavigation__selector-grid": [
+    {
+      "type": 0,
+      "value": "Grid"
+    }
+  ],
+  "passageNavigation__selector-list": [
+    {
+      "type": 0,
+      "value": "List"
+    }
+  ],
   "personTypeLockup_type": [
     {
       "type": 0,

diff --git a/public/compiled-lang/fr.json b/public/compiled-lang/fr.json
@@ -4101,6 +4101,18 @@
       "value": "Our Story"
     }
   ],
+  "passageNavigation__selector-grid": [
+    {
+      "type": 0,
+      "value": "Grid"
+    }
+  ],
+  "passageNavigation__selector-list": [
+    {
+      "type": 0,
+      "value": "List"
+    }
+  ],
   "personTypeLockup_type": [
     {
       "type": 0,

diff --git a/public/compiled-lang/ja.json b/public/compiled-lang/ja.json
@@ -4117,6 +4117,18 @@
       "value": "Our Story"
     }
   ],
+  "passageNavigation__selector-grid": [
+    {
+      "type": 0,
+      "value": "Grid"
+    }
+  ],
+  "passageNavigation__selector-list": [
+    {
+      "type": 0,
+      "value": "List"
+    }
+  ],
   "personTypeLockup_type": [
     {
       "type": 0,

diff --git a/public/compiled-lang/ru.json b/public/compiled-lang/ru.json
@@ -4109,6 +4109,18 @@
       "value": "Our Story"
     }
   ],
+  "passageNavigation__selector-grid": [
+    {
+      "type": 0,
+      "value": "Grid"
+    }
+  ],
+  "passageNavigation__selector-list": [
+    {
+      "type": 0,
+      "value": "List"
+    }
+  ],
   "personTypeLockup_type": [
     {
       "type": 0,

diff --git a/public/compiled-lang/zh.json b/public/compiled-lang/zh.json
@@ -4125,6 +4125,18 @@
       "value": "Our Story"
     }
   ],
+  "passageNavigation__selector-grid": [
+    {
+      "type": 0,
+      "value": "Grid"
+    }
+  ],
+  "passageNavigation__selector-list": [
+    {
+      "type": 0,
+      "value": "List"
+    }
+  ],
   "personTypeLockup_type": [
     {
       "type": 0,

diff --git a/public/lang/br.json b/public/lang/br.json
@@ -2735,5 +2735,13 @@
   },
   "bibles__history": {
     "string": "Histórico"
+  },
+  "passageNavigation__selector-grid": {
+    "comment": "Switch to grid view",
+    "string": "Grid"
+  },
+  "passageNavigation__selector-list": {
+    "comment": "Switch to list view",
+    "string": "List"
   }
 }
diff --git a/public/lang/de.json b/public/lang/de.json
@@ -2735,5 +2735,13 @@
   },
   "bibles__history": {
     "string": "Verlauf"
+  },
+  "passageNavigation__selector-grid": {
+    "comment": "Switch to grid view",
+    "string": "Grid"
+  },
+  "passageNavigation__selector-list": {
+    "comment": "Switch to list view",
+    "string": "List"
   }
 }
diff --git a/public/lang/en.json b/public/lang/en.json
@@ -1974,6 +1974,14 @@
   "ourStory__title": {
     "string": "Our Story"
   },
+  "passageNavigation__selector-grid": {
+    "comment": "Switch to grid view",
+    "string": "Grid"
+  },
+  "passageNavigation__selector-list": {
+    "comment": "Switch to list view",
+    "string": "List"
+  },
   "personTypeLockup_type": {
     "string": "Presenter"
   },

diff --git a/public/lang/es.json b/public/lang/es.json
@@ -2735,5 +2735,13 @@
   },
   "bibles__history": {
     "string": "Historial"
+  },
+  "passageNavigation__selector-grid": {
+    "comment": "Switch to grid view",
+    "string": "Grid"
+  },
+  "passageNavigation__selector-list": {
+    "comment": "Switch to list view",
+    "string": "List"
   }
 }
diff --git a/public/lang/fr.json b/public/lang/fr.json
@@ -2735,5 +2735,13 @@
   },
   "bibles__history": {
     "string": "Historique"
+  },
+  "passageNavigation__selector-grid": {
+    "comment": "Switch to grid view",
+    "string": "Grid"
+  },
+  "passageNavigation__selector-list": {
+    "comment": "Switch to list view",
+    "string": "List"
   }
 }
diff --git a/public/lang/ja.json b/public/lang/ja.json
@@ -2735,5 +2735,13 @@
   },
   "bibles__history": {
     "string": "履歴"
+  },
+  "passageNavigation__selector-grid": {
+    "comment": "Switch to grid view",
+    "string": "Grid"
+  },
+  "passageNavigation__selector-list": {
+    "comment": "Switch to list view",
+    "string": "List"
   }
 }
diff --git a/public/lang/ru.json b/public/lang/ru.json
@@ -2735,5 +2735,13 @@
   },
   "bibles__history": {
     "string": "История"
+  },
+  "passageNavigation__selector-grid": {
+    "comment": "Switch to grid view",
+    "string": "Grid"
+  },
+  "passageNavigation__selector-list": {
+    "comment": "Switch to list view",
+    "string": "List"
   }
 }
diff --git a/public/lang/zh.json b/public/lang/zh.json
@@ -2735,5 +2735,13 @@
   },
   "bibles__history": {
     "string": "历史"
+  },
+  "passageNavigation__selector-grid": {
+    "comment": "Switch to grid view",
+    "string": "Grid"
+  },
+  "passageNavigation__selector-list": {
+    "comment": "Switch to list view",
+    "string": "List"
   }
 }
diff --git a/src/components/organisms/passageNavigation.tsx b/src/components/organisms/passageNavigation.tsx
@@ -1,5 +1,8 @@
 import clsx from 'clsx';
-import React, { useRef, useState } from 'react';
+import React, { useState } from 'react';
+import { FormattedMessage } from 'react-intl';
+
+import { useLocalStorage } from '~src/lib/hooks/useLocalStorage';
 
 import { PassageNavigationFragment } from './__generated__/passageNavigation';
 import BookGrid from './bookGrid';
@@ -57,7 +60,10 @@ export default function PassageNavigation({ books }: Props): JSX.Element {
 	const [selectedBook, setSelectedBook] = useState<string | number | null>(
 		null,
 	);
-	const [selectedView, setSelectedView] = useState<'grid' | 'list'>('grid');
+	const [selectedView, setSelectedView] = useLocalStorage<'grid' | 'list'>(
+		'passageNavLayout',
+		'grid',
+	);
 
 	return (
 		<div className={styles.wrapper}>
@@ -66,13 +72,21 @@ export default function PassageNavigation({ books }: Props): JSX.Element {
 					className={clsx({ active: selectedView === 'grid' })}
 					onClick={() => setSelectedView('grid')}
 				>
-					Grid
+					<FormattedMessage
+						id="passageNavigation__selector-grid"
+						defaultMessage="Grid"
+						description="Switch to grid view"
+					/>
 				</button>
 				<button
 					className={clsx({ active: selectedView === 'list' })}
 					onClick={() => setSelectedView('list')}
 				>
-					List
+					<FormattedMessage
+						id="passageNavigation__selector-list"
+						defaultMessage="List"
+						description="Switch to list view"
+					/>
 				</button>
 			</div>