diff --git a/lib/platform-bible-react/src/preview/components/compositions.component.tsx b/lib/platform-bible-react/src/preview/components/compositions.component.tsx index 10429a2019..74d5d76936 100644 --- a/lib/platform-bible-react/src/preview/components/compositions.component.tsx +++ b/lib/platform-bible-react/src/preview/components/compositions.component.tsx @@ -1,9 +1,6 @@ -import { useState } from 'react'; -import { ScriptureReference } from 'platform-bible-utils'; import ThemeToggle from '@/preview/theme-toggle.component'; -import DownloadButton from '@/components/extension-marketplace/buttons/download-button.component'; -import RemoveButton from '@/components/extension-marketplace/buttons/remove-button.component'; -import UpdateButton from '@/components/extension-marketplace/buttons/update-button.component'; +import { ScriptureReference } from 'platform-bible-utils'; +import { useState } from 'react'; import { BookChapterControl, DataTable, @@ -37,13 +34,7 @@ function Compositions({ direction }: HasDirection) { Book Chapter Control Theme Toggle - - Download Button - Remove Button - Update Button - Data Table - @@ -59,31 +50,8 @@ function Compositions({ direction }: HasDirection) { - - - {}} buttonText="Get" /> - {}} buttonText="Get" /> - {}} /> - {}} /> - - - - - - {}} /> - {}} /> - - - - - - {}} /> - {}} /> - - - diff --git a/lib/platform-bible-react/src/preview/components/guide/theme-color-display.component.tsx b/lib/platform-bible-react/src/preview/components/guide/theme-color-display.component.tsx index 13a7129102..fa7fc16a8a 100644 --- a/lib/platform-bible-react/src/preview/components/guide/theme-color-display.component.tsx +++ b/lib/platform-bible-react/src/preview/components/guide/theme-color-display.component.tsx @@ -53,7 +53,7 @@ export default function ThemeColorDisplay() { {/* dummy to create all classes */} diff --git a/lib/platform-bible-react/src/preview/components/paratext.tsx b/lib/platform-bible-react/src/preview/components/paratext.tsx index 58ce8c5ebc..313c9fbd39 100644 --- a/lib/platform-bible-react/src/preview/components/paratext.tsx +++ b/lib/platform-bible-react/src/preview/components/paratext.tsx @@ -1,5 +1,6 @@ import { VerticalTabs, VerticalTabsContent, VerticalTabsList, VerticalTabsTrigger } from '../..'; import { HasDirection } from '../direction-toggle'; +import MarketplaceButtonExamples from './paratext/buttons.example.component'; function Paratext({ direction }: HasDirection) { return ( @@ -10,10 +11,14 @@ function Paratext({ direction }: HasDirection) { + Marketplace Buttons Result List Inventory + + + TODO TODO diff --git a/lib/platform-bible-react/src/preview/components/paratext/buttons.example.component.tsx b/lib/platform-bible-react/src/preview/components/paratext/buttons.example.component.tsx new file mode 100644 index 0000000000..4d0c92d023 --- /dev/null +++ b/lib/platform-bible-react/src/preview/components/paratext/buttons.example.component.tsx @@ -0,0 +1,27 @@ +import DownloadButton from '@/components/extension-marketplace/buttons/download-button.component'; +import RemoveButton from '@/components/extension-marketplace/buttons/remove-button.component'; +import UpdateButton from '@/components/extension-marketplace/buttons/update-button.component'; + +export default function MarketplaceButtonExamples() { + return ( + <> + Download Button: + + {}} buttonText="Get" /> + {}} buttonText="Get" /> + {}} /> + {}} /> + + RemoveButton Button: + + {}} /> + {}} /> + + UpdateButton Button: + + {}} /> + {}} /> + + > + ); +}