From 53a45258909496cca1084a6bb98dd539f190e723 Mon Sep 17 00:00:00 2001
From: OlegMoshkovich <oleg.mosh@gmail.com>
Date: Fri, 11 Aug 2023 17:55:05 +0200
Subject: [PATCH] address the comments

---
 package.json                          |  2 +-
 src/Components/DialogTabs.fixture.jsx | 23 ++++++++---------------
 src/Components/DialogTabs.jsx         |  2 +-
 3 files changed, 10 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index 885b8928c..301f51c0d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bldrs",
-  "version": "1.0.0-r701",
+  "version": "1.0.0-r703",
   "main": "src/index.jsx",
   "license": "MIT",
   "homepage": "https://github.com/bldrs-ai/Share",
diff --git a/src/Components/DialogTabs.fixture.jsx b/src/Components/DialogTabs.fixture.jsx
index 1aaefc062..afd633640 100644
--- a/src/Components/DialogTabs.fixture.jsx
+++ b/src/Components/DialogTabs.fixture.jsx
@@ -1,24 +1,20 @@
 import React from 'react'
-import Typography from '@mui/material/Typography'
-import Box from '@mui/material/Typography'
 import FixtureContext from '../FixtureContext'
 import DialogTabs from './DialogTabs'
 import AttentionIcon from '../assets/icons/Attention.svg'
+import debug from '../utils/debug'
 
 
 const tabList = ['Explore', 'Open', 'Save']
 const contentList = [
-  <Box sx={{textAlign: 'left'}} key={1}>
-    <Typography variant='h5'>
+  <p key={1}>
       Lorem ipsum dolor sit amet, consectetur adipiscing elit,
       sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
       Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
       Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
       Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-    </Typography>
-  </Box>,
-  <Box sx={{textAlign: 'left'}} key={2}>
-    <Typography variant='h5'>
+  </p>,
+  <p key={2}>
       Lorem ipsum dolor sit amet, consectetur adipiscing elit,
       sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
       Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
@@ -34,10 +30,8 @@ const contentList = [
       Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
       Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
       Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-    </Typography>
-  </Box>,
-  <Box sx={{textAlign: 'left'}} key={2}>
-    <Typography variant='h5'>
+  </p>,
+  <p key={3}>
       Lorem ipsum dolor sit amet, consectetur adipiscing elit,
       sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
       Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
@@ -48,8 +42,7 @@ const contentList = [
       Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
       Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
       Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-    </Typography>
-  </Box>,
+  </p>,
 ]
 const headerTextList = ['Explore Sample Projects', 'Open Project', 'Save Project']
 const actionCbList = [
@@ -66,7 +59,7 @@ export default (
       headerText={'Here\'s the thing!'}
       isDialogDisplayed={true}
       // eslint-disable-next-line no-empty-function
-      setIsDialogDisplayed={() => {}}
+      setIsDialogDisplayed={debug().log('setIsDialogDisplayed')}
       content={'What you should know about doing the thing'}
       actionTitle={'Do do the thing?'}
       actionCb={actionCbList}
diff --git a/src/Components/DialogTabs.jsx b/src/Components/DialogTabs.jsx
index d7f0ecb26..ff2c211db 100644
--- a/src/Components/DialogTabs.jsx
+++ b/src/Components/DialogTabs.jsx
@@ -24,7 +24,7 @@ import {assertDefined} from '../utils/assert'
  * @property {React.ReactElement} [actionIcon] Optional icon for the action button
  * @return {React.Component}
  */
-export default function Dialog({
+export default function DialogTab({
   icon,
   headerTextList = ['loading'],
   tabList = ['loading'],