refactor: Cleanup MarkdownBlock and markdown-renderers files (#7218)

* feat: cleanup and move files * fix type --------- Co-authored-by: Begoña Alvarez <[email protected]>
iotaledger · Aug 1, 2023 · 212f876 · 212f876
1 parent 76ecb2f
commit 212f876
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 7 deletions.
diff --git a/...components/molecules/MarkdownBlock.svelte → ...es/shared/components/MarkdownBlock.svelte b/...components/molecules/MarkdownBlock.svelte → ...es/shared/components/MarkdownBlock.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
     import SvelteMarkdown from 'svelte-markdown'
+    import { SvelteComponent } from 'svelte'
     import { ParagraphBlock, LinkBlock } from 'shared/components'
     export let text: string
 
-    const renderers = {
+    const renderers: Record<string, typeof SvelteComponent | null> = {
         heading: ParagraphBlock,
         paragraph: ParagraphBlock,
         image: ParagraphBlock,
@@ -28,12 +29,12 @@
     }
 </script>
 
-<div class="markdown">
+<markdown-wrapper>
     <SvelteMarkdown source={text} {renderers} />
-</div>
+</markdown-wrapper>
 
 <style lang="scss">
-    .markdown {
+    markdown-wrapper {
         :global(p) {
             @apply text-gray-600;
         }

diff --git a/packages/shared/components/index.js b/packages/shared/components/index.js
@@ -51,6 +51,7 @@ export { default as SubjectBox } from './SubjectBox.svelte'
 export { default as NetworkIcon } from './NetworkIcon.svelte'
 export { default as MenuItem } from './MenuItem.svelte'
 export { default as LedgerAnimation } from './LedgerAnimation.svelte'
+export { default as MarkdownBlock } from './MarkdownBlock.svelte'
 export { default as MediaPlaceholder } from './MediaPlaceholder.svelte'
 
 export * from './atoms'
@@ -71,3 +72,4 @@ export * from './iconButtons'
 export * from './labels'
 export * from './pills'
 export * from './tiles'
+export * from './markdown-renderers'
diff --git a/packages/shared/components/markdown-renderers/LinkBlock.svelte b/packages/shared/components/markdown-renderers/LinkBlock.svelte
@@ -1,8 +1,8 @@
-<script lang="typescript">
+<script lang="ts">
     import { openUrlInBrowser } from '@core/app/utils'
     import { Link } from '@ui'
 
-    export let href = ''
+    export let href: string = ''
 
     function onLinkClick(): void {
         openUrlInBrowser(href)

diff --git a/packages/shared/components/molecules/index.js b/packages/shared/components/molecules/index.js
@@ -1,2 +1,4 @@
-export { default as MarkdownBlock } from './MarkdownBlock.svelte'
+export { default as ActivityInformation } from './ActivityInformation.svelte'
+export { default as AliasActivityDetails } from './AliasActivityDetails.svelte'
+export { default as AssetIcon } from './AssetIcon.svelte'
 export { default as SelectorInput } from './SelectorInput.svelte'