fixed list of book display

bible-technology · Sep 25, 2024 · c67ba5d · c67ba5d
1 parent 4279920
commit c67ba5d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/renderer/src/layouts/editor/pdfGenInterface/pdfGenWrappers/BookList.js b/renderer/src/layouts/editor/pdfGenInterface/pdfGenWrappers/BookList.js
@@ -3,7 +3,7 @@ import React from 'react';
 export const BookList = ({ books }) => (
   <div
     style={{
-      paddingBottom: '12px', borderRadius: 999, display: 'inline-flex', flexDirection: 'row', justifyContent: 'center', alignItems: 'center', gap: 8,
+      paddingBottom: '12px', borderRadius: 999, display: 'inline-flex', flexDirection: 'row', justifyContent: 'left', alignItems: 'center', gap: 8, flexWrap: 'wrap',
     }}
   >
     {books.map((book, index) => (

diff --git a/renderer/src/layouts/editor/pdfGenInterface/pdfGenWrappers/HeaderWrapper/JXLHeaderWrapper.js b/renderer/src/layouts/editor/pdfGenInterface/pdfGenWrappers/HeaderWrapper/JXLHeaderWrapper.js
@@ -8,6 +8,7 @@ import { XMarkIcon } from '@heroicons/react/24/outline';
 import { useTranslation } from 'react-i18next';
 import Layout from '../../../../../../public/icons/basil/Solid/Interface/Layout.svg';
 import { TextOnlyTooltip, LoopSwitch } from '../fieldPicker/customMuiComponent';
+import { BookList } from '../BookList';
 
 export function JXLHeaderWrapper({
   keyWrapper,
@@ -219,6 +220,8 @@ export function JXLHeaderWrapper({
           {t('label-custom')}
         </div>
       </div>
+      <BookList books={selectedBooks ?? []} />
+      <br />
 
       <Modal
         open={openModalBook}