From b01134d5231f8a71defb1522383a8b74b5a1c6c9 Mon Sep 17 00:00:00 2001 From: Ramki A Date: Fri, 3 Jul 2020 23:21:14 +0530 Subject: [PATCH 1/2] [FIX] demo layout issue fixed. progressbar added inti list --- src/App.js | 6 ++-- .../ComponentList/ComponentList.jsx | 2 +- src/components/index.js | 1 + src/demos/DemoDisplay.jsx | 31 +++++++++---------- src/exports/exports.js | 2 +- 5 files changed, 21 insertions(+), 21 deletions(-) diff --git a/src/App.js b/src/App.js index 5dbfa0e..d358389 100644 --- a/src/App.js +++ b/src/App.js @@ -2,14 +2,14 @@ import React, { useState } from 'react'; import './App.css'; import ComponentList from './components/ComponentList/ComponentList'; import DemoDisplay from './demos/DemoDisplay'; -import Navbar from './components/Navbar/Navbar'; +// import Navbar from './components/Navbar/Navbar'; function App() { const [demo, setDemo] = useState(''); return ( -
- +
+ {/* */}
diff --git a/src/components/ComponentList/ComponentList.jsx b/src/components/ComponentList/ComponentList.jsx index 1767a6f..69c464c 100644 --- a/src/components/ComponentList/ComponentList.jsx +++ b/src/components/ComponentList/ComponentList.jsx @@ -3,7 +3,7 @@ import React from 'react'; import * as library from './../'; -const components = ['Simple Button', 'Heading', 'Progress Bar']; +// const components = ['Simple Button', 'Heading', 'Progress Bar']; const ComponentList = (props) => { const urlParams = new URLSearchParams(window.location.search); diff --git a/src/components/index.js b/src/components/index.js index 35ecf75..0f14025 100644 --- a/src/components/index.js +++ b/src/components/index.js @@ -6,3 +6,4 @@ export { default as SimpleButton } from './SimpleButton/SimpleButton'; export { default as InfiniteScroll } from './InfiniteScroll/InfiniteScroll'; export { default as Tabs } from './Tabs/Tabs'; export { default as RadioButton } from './RadioButton/RadioButton'; +export { default as ProgressBar } from './ProgressBar/ProgressBar'; diff --git a/src/demos/DemoDisplay.jsx b/src/demos/DemoDisplay.jsx index 014dddc..5496bdf 100644 --- a/src/demos/DemoDisplay.jsx +++ b/src/demos/DemoDisplay.jsx @@ -1,21 +1,20 @@ - -import React from 'react' -import './demodisplay.css' +import React from 'react'; +import './demodisplay.css'; /*add your demo in the import statement below */ -import { SimpleButtonDemo, HeadingDemo, ProgressBarDemo } from '../exports/exports' +// import { SimpleButtonDemo, HeadingDemo, ProgressBarDemo } from '../exports/exports' -const switchTo = (componentName) => { - switch (componentName) { - case 'Simple Button': - return - case 'Heading': - return - case 'Progress Bar': - return - default: - return '' - } -} +// const switchTo = (componentName) => { +// switch (componentName) { +// case 'Simple Button': +// return +// case 'Heading': +// return +// case 'Progress Bar': +// return +// default: +// return '' +// } +// } const importView = (DemoComponentName) => React.lazy(() => diff --git a/src/exports/exports.js b/src/exports/exports.js index 966a84e..0b36847 100644 --- a/src/exports/exports.js +++ b/src/exports/exports.js @@ -2,4 +2,4 @@ export { default as SimpleButtonDemo } from '../demos/SimpleButtonDemo'; export { default as HeadingDemo } from '../demos/HeadingDemo'; export { default as AvatarDemo } from '../demos/AvatarDemo'; -export { default as ProgressBarDemo } from '../demos/ProgressBarDemo' +export { default as ProgressBarDemo } from '../demos/ProgressBarDemo'; From 259c9d465498a1997f66f06434776a200e437fcb Mon Sep 17 00:00:00 2001 From: Ramki A Date: Sat, 4 Jul 2020 11:25:15 +0530 Subject: [PATCH 2/2] [QUAL] unused code removed --- src/App.js | 2 -- src/components/ComponentList/ComponentList.jsx | 2 -- src/demos/DemoDisplay.jsx | 14 -------------- 3 files changed, 18 deletions(-) diff --git a/src/App.js b/src/App.js index d358389..6c1c5b4 100644 --- a/src/App.js +++ b/src/App.js @@ -2,14 +2,12 @@ import React, { useState } from 'react'; import './App.css'; import ComponentList from './components/ComponentList/ComponentList'; import DemoDisplay from './demos/DemoDisplay'; -// import Navbar from './components/Navbar/Navbar'; function App() { const [demo, setDemo] = useState(''); return (
- {/* */}
diff --git a/src/components/ComponentList/ComponentList.jsx b/src/components/ComponentList/ComponentList.jsx index 69c464c..e18b340 100644 --- a/src/components/ComponentList/ComponentList.jsx +++ b/src/components/ComponentList/ComponentList.jsx @@ -3,8 +3,6 @@ import React from 'react'; import * as library from './../'; -// const components = ['Simple Button', 'Heading', 'Progress Bar']; - const ComponentList = (props) => { const urlParams = new URLSearchParams(window.location.search); diff --git a/src/demos/DemoDisplay.jsx b/src/demos/DemoDisplay.jsx index 5496bdf..dcaf045 100644 --- a/src/demos/DemoDisplay.jsx +++ b/src/demos/DemoDisplay.jsx @@ -1,20 +1,6 @@ import React from 'react'; import './demodisplay.css'; /*add your demo in the import statement below */ -// import { SimpleButtonDemo, HeadingDemo, ProgressBarDemo } from '../exports/exports' - -// const switchTo = (componentName) => { -// switch (componentName) { -// case 'Simple Button': -// return -// case 'Heading': -// return -// case 'Progress Bar': -// return -// default: -// return '' -// } -// } const importView = (DemoComponentName) => React.lazy(() =>