upgraded Web UI library to 2.10.2

pull/42/MERGE
13621160019@163.com 2021-06-25 09:14:11 +08:00
parent 0fdcec2162
commit 73447386a2
5 changed files with 531 additions and 400 deletions

View File

@ -0,0 +1,104 @@
import React from 'react';
import { Card, Button, CardHeader, CardBody } from 'reactstrap';
import classnames from 'classnames';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import PageHeader from '../common/PageHeader';
import FalconEditor from '../common/FalconEditor';
const basicExampleCode = `function Tab () {
const [activeTab, setActiveTab] = useState('1');
const toggle = tab => {
if (activeTab !== tab) setActiveTab(tab);
};
return (
<>
<Nav tabs>
<NavItem className='cursor-pointer'>
<NavLink
className={classnames({ active: activeTab === '1' })}
onClick={() => {
toggle('1');
}}
>
Tab1
</NavLink>
</NavItem>
<NavItem className='cursor-pointer'>
<NavLink
className={classnames({ active: activeTab === '2' })}
onClick={() => {
toggle('2');
}}
>
More Tabs
</NavLink>
</NavItem>
</Nav>
<TabContent activeTab={activeTab}>
<TabPane tabId="1" >
<Row>
<Col sm="12 mt-4">
<h4>Tab 1 Contents</h4>
</Col>
</Row>
</TabPane>
<TabPane tabId="2">
<Row className='mt-4'>
<Col sm="6">
<Card body>
<CardTitle>Special Title Treatment</CardTitle>
<CardText>With supporting text below as a natural lead-in to additional content.</CardText>
<Button>Go somewhere</Button>
</Card>
</Col>
<Col sm="6">
<Card body>
<CardTitle>Special Title Treatment</CardTitle>
<CardText>With supporting text below as a natural lead-in to additional content.</CardText>
<Button>Go somewhere</Button>
</Card>
</Col>
</Row>
</TabPane>
</TabContent>
</>
)
}`;
const Tabs = () => {
return (
<>
<PageHeader
title="Tabs"
description="Takes the basic nav and adds the tab prop to generate a tabbed interface. Use them to create tab able regions with our tab JavaScript plugin."
className="mb-3"
>
<Button
tag="a"
href="https://reactstrap.github.io/components/tabs/"
target="_blank"
color="link"
size="sm"
className="pl-0"
>
Tab on reactstrap
<FontAwesomeIcon icon="chevron-right" className="ml-1 fs--2" />
</Button>
</PageHeader>
<Card>
<CardHeader>
<h5 className="mb-0">Example</h5>
</CardHeader>
<CardBody className="bg-light">
<FalconEditor code={basicExampleCode} scope={{ classnames }} />
</CardBody>
</Card>
</>
);
};
export default Tabs;

View File

@ -1,398 +1,417 @@
export default [ export default [
{ {
title: `2.10.0 - Eurasian hobby`, title: `2.10.2 - African hobby`,
publish: '14 September, 2020', publish: '13 May, 2021',
logs: { logs: {
New: ['<strong>Component</strong> : Autocomplete', '<strong>Plugin</strong> : <code>FuseJS</code>'], Fix: ['Plyr plugin compatibility'],
Migration: { }
Add: ['<code>src/components/bootstrap-component/AutocompleteExample.js</code>'], },
Update: [ {
'<code>src/data/autocomplete/autocomplete.js</code>', title: `2.10.1 - Greater Kestrels`,
'<code>src/components/navbar/NavbarTop.js</code>', publish: '19 November, 2020',
'<code>src/components/navbar/NavbarDropdownComponents.js</code>', logs: {
'<code>src/components/navbar/NavbarDropdown.js</code>', New: ['<strong>Component</strong> : Tabs'],
'<code>src/components/navbar/SearchBox.js</code>', Fix: ['Chat page flickering on fluid layout'],
'<code>src/assets/scss/theme/_search-box.scss</code>', Migration: {
'<code>src/assets/scss/theme/_hover.scss</code>', Add: ['<code>src/components/bootstrap-component/Tabs.js</code>'],
'<code>src/assets/scss/theme/_navbar.scss</code>', Update: ['<code>src/components/chat/Chat.js</code>']
'Move All variables From <code>src/assets/scss/theme/_navbar-vertical.scss</code> To <code>src/assets/scss/theme/_variables.scss</code>' }
] }
} },
} {
}, title: `2.10.0 - Eurasian hobby`,
{ publish: '14 November, 2020',
title: `2.9.0 - Banded kestrel`, logs: {
publish: '02 September, 2020', New: ['<strong>Component</strong> : Autocomplete', '<strong>Plugin</strong> : <code>FuseJS</code>'],
logs: { Migration: {
New: [ Add: ['<code>src/components/bootstrap-component/AutocompleteExample.js</code>'],
'<strong>Page</strong> :Calender', Update: [
'<strong>DOC</strong> : Full Calendar', '<code>src/data/autocomplete/autocomplete.js</code>',
'<strong>Plugin</strong> : <code>FullCalendar</code>' '<code>src/components/navbar/NavbarTop.js</code>',
], '<code>src/components/navbar/NavbarDropdownComponents.js</code>',
Migration: { '<code>src/components/navbar/NavbarDropdown.js</code>',
Add: [ '<code>src/components/navbar/SearchBox.js</code>',
'<code>src/components/calendar/*.*</code>', '<code>src/assets/scss/theme/_search-box.scss</code>',
'<code>src/components/plugins/CalenderExample.js</code>', '<code>src/assets/scss/theme/_hover.scss</code>',
'<code>src/assets/scss/theme/plugins/_full-calender.scss</code>' '<code>src/assets/scss/theme/_navbar.scss</code>',
] 'Move All variables From <code>src/assets/scss/theme/_navbar-vertical.scss</code> To <code>src/assets/scss/theme/_variables.scss</code>'
} ]
} }
}, }
{ },
title: `2.8.0 - Dickinson's kestrel`, {
publish: '28 September, 2020', title: `2.9.0 - Banded kestrel`,
logs: { publish: '02 November, 2020',
New: ['Navbar combo layout', '<strong>DOC</strong> : Navbar combo Doc'], logs: {
Update: ['<strong>DOC</strong>: Documentation'], New: [
Migration: { '<strong>Page</strong> :Calender',
Add: ['<code>src/components/bootstrap-components/Combo.js</code>'], '<strong>DOC</strong> : Full Calendar',
Update: [ '<strong>Plugin</strong> : <code>FullCalendar</code>'
'<code>src/Main.js</code>', ],
'<code>src/context/Context.js</code>', Migration: {
'<code>src/layouts/DashboardLayout.js</code>', Add: [
'<code>src/components/navbar/NavbarVertical.js</code>', '<code>src/components/calendar/*.*</code>',
'<code>src/components/navbar/TopNavRightSideNavItem.js</code>', '<code>src/components/plugins/CalenderExample.js</code>',
'<code>src/components/side-panel/SidePanelModal.js</code>', '<code>src/assets/scss/theme/plugins/_full-calender.scss</code>'
'<code>src/components/navbar/NavbarTopDropDownMenus.js</code>', ]
'<code>src/components/changelog/changeLogs.js</code>' }
] }
} },
} {
}, title: `2.8.0 - Dickinson's kestrel`,
{ publish: '28 September, 2020',
title: '2.7.1 - Fox Kestrel', logs: {
publish: '21 September, 2020', New: ['Navbar combo layout', '<strong>DOC</strong> : Navbar combo Doc'],
logs: { Update: ['<strong>DOC</strong>: Documentation'],
New: ['<strong>DOC</strong> : Fontawesome Doc'], Migration: {
Fix: [ Add: ['<code>src/components/bootstrap-components/Combo.js</code>'],
'Message page textarea hight issue', Update: [
'Product details page review input field submit issue', '<code>src/Main.js</code>',
'Customer page nameFormatter function argument destructing issue', '<code>src/context/Context.js</code>',
'Fixes <code>Badge</code> component class name and <code>Card</code> component tag name' '<code>src/layouts/DashboardLayout.js</code>',
], '<code>src/components/navbar/NavbarVertical.js</code>',
Migration: { '<code>src/components/navbar/TopNavRightSideNavItem.js</code>',
Add: ['<code>src/components/bootstrap-component/Fontawesome.js</code>'], '<code>src/components/side-panel/SidePanelModal.js</code>',
Update: [ '<code>src/components/navbar/NavbarTopDropDownMenus.js</code>',
'<code>src/components/chat/content/MessageTextArea.js</code>', '<code>src/components/changelog/changeLogs.js</code>'
'<code>src/components/e-commerce/product-details/ProductDetailsFooter.js</code>', ]
'<code>src/components/e-commerce/Customers.js</code>' }
] }
} },
} {
}, title: '2.7.1 - Fox Kestrel',
{ publish: '21 September, 2020',
title: '2.7.0 - Spotted Kestrels', logs: {
publish: '2 July, 2020', New: ['<strong>DOC</strong> : Fontawesome Doc'],
logs: { Fix: [
New: [ 'Message page textarea hight issue',
'Navbar Inverted in Navbar Vertical', 'Product details page review input field submit issue',
'Navbar Vibrant in Navbar Vertical', 'Customer page nameFormatter function argument destructing issue',
'Navbar Card in Navbar Vertical', 'Fixes <code>Badge</code> component class name and <code>Card</code> component tag name'
'<strong>DOC</strong> : Vertical Navbar' ],
], Migration: {
Migration: { Add: ['<code>src/components/bootstrap-component/Fontawesome.js</code>'],
Add: ['<code>src/components/bootstrap-component/VerticalNavbar.js</code>'], Update: [
Update: [ '<code>src/components/chat/content/MessageTextArea.js</code>',
'<code>src/component/main.js</code>', '<code>src/components/e-commerce/product-details/ProductDetailsFooter.js</code>',
'<code>src/component/navbar/NavbarVertical.js</code>', '<code>src/components/e-commerce/Customers.js</code>'
'<code>src/component/side-panel/SidePanelModal.js</code>', ]
'<code>src/assets/scss/theme/_buttons.scss</code>', }
'<code>src/assets/scss/dark/_variables.scss</code>', }
'<code>src/assets/scss/theme/_variables.scss</code>', },
'<code>src/assets/scss/theme/_Navbar-vertical.scss</code>' {
] title: '2.7.0 - Spotted Kestrels',
} publish: '2 July, 2020',
} logs: {
}, New: [
{ 'Navbar Inverted in Navbar Vertical',
title: '2.6.0 - Laughing', 'Navbar Vibrant in Navbar Vertical',
publish: '27 june, 2020', 'Navbar Card in Navbar Vertical',
logs: { '<strong>DOC</strong> : Vertical Navbar'
New: [ ],
'<strong>Page</strong>: Kanban', Migration: {
'<strong>Plugin</strong>: <code>React Beautiful DnD</code>', Add: ['<code>src/components/bootstrap-component/VerticalNavbar.js</code>'],
'<strong>Component</strong>: Cookie Notice Alert', Update: [
'<strong>Doc</strong>: React Beautiful DnD', '<code>src/component/main.js</code>',
'<strong>Doc</strong>: Cookie Notice Alert', '<code>src/component/navbar/NavbarVertical.js</code>',
'<strong>Doc</strong>: React Bootstrap Table next' '<code>src/component/side-panel/SidePanelModal.js</code>',
], '<code>src/assets/scss/theme/_buttons.scss</code>',
'<code>src/assets/scss/dark/_variables.scss</code>',
Fix: ['Sidebar sticky-top on profile page.'], '<code>src/assets/scss/theme/_variables.scss</code>',
'<code>src/assets/scss/theme/_Navbar-vertical.scss</code>'
Migration: { ]
Add: [ }
'<code>src/components/kanban/**/*.*</code>', }
'<code>src/components/bootstrap-component/cookieNotice.js</code>', },
'<code>src/components/plugins/ReactBeautifulDnD.js</code>', {
'<code>src/components/plugins/ReactBootstrapTable2.js</code>', title: '2.6.0 - Laughing',
'<code>src/assets/scss/_kanban.scss</code>', publish: '27 june, 2020',
'<code>src/assets/scss/_notice.scss</code>' logs: {
], New: [
Update: [ '<strong>Page</strong>: Kanban',
'<code>src/routs.js</code>', '<strong>Plugin</strong>: <code>React Beautiful DnD</code>',
'<code>src/helpers/utils.js</code>', '<strong>Component</strong>: Cookie Notice Alert',
'<code>src/layout/DashboardRoutes.js</code>', '<strong>Doc</strong>: React Beautiful DnD',
'<code>src/layout/DashboardLayout.js</code>', '<strong>Doc</strong>: Cookie Notice Alert',
'<code>src/component/side-panel/SidePanelModal.js</code>', '<strong>Doc</strong>: React Bootstrap Table next'
'<code>src/component/navbar/navbarTop.js</code> (removed <code>sticky-top</code> class from Navbar)', ],
'<code>src/assets/scss/theme/_theme.scss</code>',
'<code>src/assets/scss/theme/_mixed.scss</code>', Fix: ['Sidebar sticky-top on profile page.'],
'<code>src/assets/scss/theme/_modal.scss</code>',
'<code>src/assets/scss/dark/_override.scss</code>', Migration: {
'<code>src/assets/scss/theme/_border.scss</code>', Add: [
'<code>src/assets/scss/theme/_dropdown.scss</code>', '<code>src/components/kanban/**/*.*</code>',
'<code>src/assets/scss/theme/_scrollbar.scss</code>', '<code>src/components/bootstrap-component/cookieNotice.js</code>',
'<code>src/assets/scss/theme/utilities/_hover.scss</code>', '<code>src/components/plugins/ReactBeautifulDnD.js</code>',
'<code>src/assets/scss/theme/utilities/_line-height.scss</code>' '<code>src/components/plugins/ReactBootstrapTable2.js</code>',
] '<code>src/assets/scss/_kanban.scss</code>',
} '<code>src/assets/scss/_notice.scss</code>'
} ],
}, Update: [
{ '<code>src/routs.js</code>',
title: '2.5.0 - Chipping', '<code>src/helpers/utils.js</code>',
publish: '29 April, 2020', '<code>src/layout/DashboardRoutes.js</code>',
logs: { '<code>src/layout/DashboardLayout.js</code>',
New: [ '<code>src/component/side-panel/SidePanelModal.js</code>',
'<strong>Page</strong>: <code>Widgets</code>', '<code>src/component/navbar/navbarTop.js</code> (removed <code>sticky-top</code> class from Navbar)',
'<strong>Component Page</strong>: <code>Carousel</code>', '<code>src/assets/scss/theme/_theme.scss</code>',
'<strong>Component Page</strong>: <code>Spinner</code>', '<code>src/assets/scss/theme/_mixed.scss</code>',
'<strong>Component</strong>: <code>Navber Top</code>', '<code>src/assets/scss/theme/_modal.scss</code>',
'<strong>Component</strong>: <code>Sidepanel Modal</code>', '<code>src/assets/scss/dark/_override.scss</code>',
'<strong>Dropdown On Hover</strong>', '<code>src/assets/scss/theme/_border.scss</code>',
'<strong>Component Doc</strong>: <code>Navbar Top</code> ', '<code>src/assets/scss/theme/_dropdown.scss</code>',
'<strong>Component Doc</strong>: <code>Sidepanel</code>' '<code>src/assets/scss/theme/_scrollbar.scss</code>',
], '<code>src/assets/scss/theme/utilities/_hover.scss</code>',
'<code>src/assets/scss/theme/utilities/_line-height.scss</code>'
Fix: ['Gap between Photos card and Experience card in smaller device'], ]
}
Migration: { }
Add: [ },
'<code>src/assets/scss/theme/_modal.scss</code>', {
'<code>src/components/widgets/**/*.*</code>', title: '2.5.0 - Chipping',
'<code>src/components/side-panel/**/*.*</code>', publish: '29 April, 2020',
'<code>src/components/email/EmailDetailHeader.js</code>', logs: {
'<code>src/components/navbar/SettingsAnimatedIcon.js</code>', New: [
'<code>src/components/navbar/TopNavRightSideNavItem.js</code>', '<strong>Page</strong>: <code>Widgets</code>',
'<code>src/components/e-commerce/OrderDetailsHeader.js</code>', '<strong>Component Page</strong>: <code>Carousel</code>',
'<code>src/components/bootstrap-components/NavBarTop.js</code>', '<strong>Component Page</strong>: <code>Spinner</code>',
'<code>src/components/navbar/LandingRightSideNavItem.js</code>', '<strong>Component</strong>: <code>Navber Top</code>',
'<code>src/components/bootstrap-components/Sidepanel.js</code>', '<strong>Component</strong>: <code>Sidepanel Modal</code>',
'<code>src/components/bootstrap-components/Carousel.js</code>', '<strong>Dropdown On Hover</strong>',
'<code>src/components/bootstrap-components/Spinners.js</code>', '<strong>Component Doc</strong>: <code>Navbar Top</code> ',
'<code>src/components/navbar/NavbarDropdownComponents.js</code>', '<strong>Component Doc</strong>: <code>Sidepanel</code>'
'<code>src/components/dashboard/DashboardDepositStatus.js</code>' ],
],
Update: [ Fix: ['Gap between Photos card and Experience card in smaller device'],
'<code>src/assets/scss/theme/_theme.scss</code>',
'<code>src/assets/scss/theme/_forms.scss</code>', Migration: {
'<code>src/assets/scss/theme/_scrollbar.scss</code>', Add: [
'<code>src/assets/scss/theme/_navbar.scss</code>', '<code>src/assets/scss/theme/_modal.scss</code>',
'<code>src/assets/scss/theme/_navbar-top.scss</code>', '<code>src/components/widgets/**/*.*</code>',
'<code>src/assets/scss/theme/_navbar-vertical.scss</code>', '<code>src/components/side-panel/**/*.*</code>',
'<code>src/assets/scss/theme/_button.scss</code>', '<code>src/components/email/EmailDetailHeader.js</code>',
'<code>src/assets/scss/theme/utilities/_background.scss</code> in this file updated <code>.bg-gradient</code> class', '<code>src/components/navbar/SettingsAnimatedIcon.js</code>',
'<code>src/assets/scss/theme/_variables.scss</code> updated tooltip variable', '<code>src/components/navbar/TopNavRightSideNavItem.js</code>',
'<code>src/assets/scss/theme/_documentation.scss</code>', '<code>src/components/e-commerce/OrderDetailsHeader.js</code>',
'<code>src/components/bootstrap-components/NavBarTop.js</code>',
'<code>src/Main.js</code>', '<code>src/components/navbar/LandingRightSideNavItem.js</code>',
'<code>src/routes.js</code>', '<code>src/components/bootstrap-components/Sidepanel.js</code>',
'<code>src/config.js</code>', '<code>src/components/bootstrap-components/Carousel.js</code>',
'<code>src/helpers/utils.js</code>', '<code>src/components/bootstrap-components/Spinners.js</code>',
'<code>src/components/page/People.js</code>', '<code>src/components/navbar/NavbarDropdownComponents.js</code>',
'<code>src/layouts/DashboardLayout.js</code>', '<code>src/components/dashboard/DashboardDepositStatus.js</code>'
'<code>src/components/email/Compose.js</code>', ],
'<code>src/components/feed/FeedCard.js</code>', Update: [
'<code>src/components/feed/AddToFeed.js</code>', '<code>src/assets/scss/theme/_theme.scss</code>',
'<code>src/components/navbar/NavbarTop.js</code>', '<code>src/assets/scss/theme/_forms.scss</code>',
'<code>src/components/email/EmailDetail.js</code>', '<code>src/assets/scss/theme/_scrollbar.scss</code>',
'<code>src/components/feed/FeedInterest.js</code>', '<code>src/assets/scss/theme/_navbar.scss</code>',
'<code>src/components/page/InvitePeople.js</code>', '<code>src/assets/scss/theme/_navbar-top.scss</code>',
'<code>src/components/page/Notifications.js</code>', '<code>src/assets/scss/theme/_navbar-vertical.scss</code>',
'<code>src/components/feed/BirthdayNotice.js</code>', '<code>src/assets/scss/theme/_button.scss</code>',
'<code>src/components/navbar/NavbarStandard.js</code>', '<code>src/assets/scss/theme/utilities/_background.scss</code> in this file updated <code>.bg-gradient</code> class',
'<code>src/components/experience/Experience.js</code>', '<code>src/assets/scss/theme/_variables.scss</code> updated tooltip variable',
'<code>src/components/profile/ProfileFooter.js</code>', '<code>src/assets/scss/theme/_documentation.scss</code>',
'<code>src/components/dashboard-alt/Weather.js</code>',
'<code>src/components/navbar/NavbarDropdown.js</code>', '<code>src/Main.js</code>',
'<code>src/components/navbar/ProfileDropdown.js</code>', '<code>src/routes.js</code>',
'<code>src/components/dashboard-alt/TopProducts.js</code>', '<code>src/config.js</code>',
'<code>src/components/dashboard-alt/DashboardAlt.js</code>', '<code>src/helpers/utils.js</code>',
'<code>src/components/dashboard-alt/SpaceWarning.js</code>', '<code>src/components/page/People.js</code>',
'<code>src/components/navbar/NotificationDropdown.js</code>', '<code>src/layouts/DashboardLayout.js</code>',
'<code>src/components/profile/ProfileContent.js</code> from this file, <code>ActivityLog</code> Component has been updated' '<code>src/components/email/Compose.js</code>',
] '<code>src/components/feed/FeedCard.js</code>',
} '<code>src/components/feed/AddToFeed.js</code>',
} '<code>src/components/navbar/NavbarTop.js</code>',
}, '<code>src/components/email/EmailDetail.js</code>',
{ '<code>src/components/feed/FeedInterest.js</code>',
title: '2.4.0 - Nankeen Kestrel', '<code>src/components/page/InvitePeople.js</code>',
publish: '2 April, 2020', '<code>src/components/page/Notifications.js</code>',
logs: { '<code>src/components/feed/BirthdayNotice.js</code>',
New: [ '<code>src/components/navbar/NavbarStandard.js</code>',
'<strong>Page</strong>: Chat', '<code>src/components/experience/Experience.js</code>',
'<strong>Plugin</strong>: <code>Emoji Mart</code>', '<code>src/components/profile/ProfileFooter.js</code>',
'<strong>Doc</strong>: Emoji Mart' '<code>src/components/dashboard-alt/Weather.js</code>',
], '<code>src/components/navbar/NavbarDropdown.js</code>',
Fix: ['Dashboard recent purchases Table caret icon sorting direction issue.'], '<code>src/components/navbar/ProfileDropdown.js</code>',
'<code>src/components/dashboard-alt/TopProducts.js</code>',
Migration: { '<code>src/components/dashboard-alt/DashboardAlt.js</code>',
Add: [ '<code>src/components/dashboard-alt/SpaceWarning.js</code>',
'<code>src/components/chat/**/*.*</code>', '<code>src/components/navbar/NotificationDropdown.js</code>',
'<code>src/assets/scss/theme/_chat.scss</code>', '<code>src/components/profile/ProfileContent.js</code> from this file, <code>ActivityLog</code> Component has been updated'
'<code>src/assets/scss/theme/plugins/_emoji.scss</code>' ]
], }
Update: [ }
'<code>src/assets/scss/theme/_theme.scss</code>', },
'<code>src/assets/scss/theme/_plugins.scss</code>', {
'<code>src/assets/scss/theme/plugins/_react-bootstrap-table2-sort.scss</code>' title: '2.4.0 - Nankeen Kestrel',
] publish: '2 April, 2020',
} logs: {
} New: [
}, '<strong>Page</strong>: Chat',
{ '<strong>Plugin</strong>: <code>Emoji Mart</code>',
title: '2.3.1 - Common Kestrel', '<strong>Doc</strong>: Emoji Mart'
publish: '10 March, 2020', ],
logs: { Fix: ['Dashboard recent purchases Table caret icon sorting direction issue.'],
Fix: ['Main Navigation collapse issue when navigating between pages from mobile devices'],
Migration: { Migration: {
Replace: [ Add: [
'<code>src/components/navbar/NavbarVerticalMenu.js</code>', '<code>src/components/chat/**/*.*</code>',
'<code>src/components/common/CodeHighlight.js</code>', '<code>src/assets/scss/theme/_chat.scss</code>',
'<code>src/components/changelog/**/*.*</code>' '<code>src/assets/scss/theme/plugins/_emoji.scss</code>'
] ],
} Update: [
} '<code>src/assets/scss/theme/_theme.scss</code>',
}, '<code>src/assets/scss/theme/_plugins.scss</code>',
{ '<code>src/assets/scss/theme/plugins/_react-bootstrap-table2-sort.scss</code>'
title: '2.3.0 - Lesser Kestrel', ]
publish: '27 February, 2020', }
logs: { }
New: ['<strong>Feature</strong>: Navbar vertical collapsed'], },
Update: ['<strong>Doc</strong>: Lottie', '<strong>Doc</strong>: Dropzone'], {
Migration: { title: '2.3.1 - Common Kestrel',
Replace: [ publish: '10 March, 2020',
'<code>package.json</code>', logs: {
'<code>public/index.html</code>', Fix: ['Main Navigation collapse issue when navigating between pages from mobile devices'],
'<code>public/css/**/*.*</code>', Migration: {
'<code>src/assets/scss/**/*.*</code>', Replace: [
'<code>src/Main.js</code>', '<code>src/components/navbar/NavbarVerticalMenu.js</code>',
'<code>src/helpers/toggleStylesheet.js</code>', '<code>src/components/common/CodeHighlight.js</code>',
'<code>src/components/dashboard/LeafletMap.js</code>', '<code>src/components/changelog/**/*.*</code>'
'<code>src/components/navbar/NavbarTop.js</code>', ]
'<code>src/components/navbar/NavbarVertical.js</code>', }
'<code>src/components/navbar/NavbarVerticalMenu.js</code>', }
'<code>src/components/navbar/NavbarVerticalMenuItem.js</code>', },
'<code>src/components/changelog/**/*.*</code>' {
], title: '2.3.0 - Lesser Kestrel',
Add: [ publish: '27 February, 2020',
'<code>src/components/navbar/ToggleButton.js</code>', logs: {
'<code>src/components/common/CodeHighlight.js</code>' New: ['<strong>Feature</strong>: Navbar vertical collapsed'],
] Update: ['<strong>Doc</strong>: Lottie', '<strong>Doc</strong>: Dropzone'],
} Migration: {
} Replace: [
}, '<code>package.json</code>',
{ '<code>public/index.html</code>',
title: '2.2.0 - Laggar', '<code>public/css/**/*.*</code>',
publish: '10 February, 2020', '<code>src/assets/scss/**/*.*</code>',
logs: { '<code>src/Main.js</code>',
New: [ '<code>src/helpers/toggleStylesheet.js</code>',
'<strong>Plugin</strong>: <code>React leaflet map</code>', '<code>src/components/dashboard/LeafletMap.js</code>',
'<strong>Plugin</strong>: <code>leaflet-markercluster</code>', '<code>src/components/navbar/NavbarTop.js</code>',
'<strong>Plugin</strong>: <code>leaflet.tilelayer.colorfilter</code>', '<code>src/components/navbar/NavbarVertical.js</code>',
'<strong>Plugin</strong>: <code>react-scrollbars-custom</code>', '<code>src/components/navbar/NavbarVerticalMenu.js</code>',
'<strong>Component</strong>: Custom Scrollbar', '<code>src/components/navbar/NavbarVerticalMenuItem.js</code>',
'<strong>Doc</strong>: React Hook Form', '<code>src/components/changelog/**/*.*</code>'
'<strong>Doc</strong>: Custom Scroll Bar', ],
'<strong>Doc</strong>: Leaflet Map', Add: [
'<strong>Doc</strong>: Echart Map' '<code>src/components/navbar/ToggleButton.js</code>',
], '<code>src/components/common/CodeHighlight.js</code>'
Update: [ ]
'<strong>Component</strong>: Disable Button', }
'<strong>Component</strong>: Purchases Table', }
'<strong>Component</strong>: Leaflet Map (Dashboard alt)', },
'<strong>Page</strong>: products List', {
'<strong>Doc</strong>: Echart' title: '2.2.0 - Laggar',
] publish: '10 February, 2020',
} logs: {
}, New: [
{ '<strong>Plugin</strong>: <code>React leaflet map</code>',
title: '2.1.0 - Saker', '<strong>Plugin</strong>: <code>leaflet-markercluster</code>',
publish: '20 January, 2020', '<strong>Plugin</strong>: <code>leaflet.tilelayer.colorfilter</code>',
logs: { '<strong>Plugin</strong>: <code>react-scrollbars-custom</code>',
New: [ '<strong>Component</strong>: Custom Scrollbar',
'<strong>Page</strong>: Authentication step wizard', '<strong>Doc</strong>: React Hook Form',
'<strong>Plugin</strong>: <code>react-hook-form</code>' '<strong>Doc</strong>: Custom Scroll Bar',
] '<strong>Doc</strong>: Leaflet Map',
} '<strong>Doc</strong>: Echart Map'
}, ],
{ Update: [
title: '2.0.0 - Lanner', '<strong>Component</strong>: Disable Button',
publish: '01 January, 2020', '<strong>Component</strong>: Purchases Table',
logs: { '<strong>Component</strong>: Leaflet Map (Dashboard alt)',
New: [ '<strong>Page</strong>: products List',
'<strong>Component</strong>: Running Projects (Dashboard alt)', '<strong>Doc</strong>: Echart'
'<strong>Component</strong>: Total Sales (Dashboard alt)', ]
'<strong>Mode</strong>: Dark', }
'<strong>Doc</strong>: Plyr', },
'<strong>Doc</strong>: Slick Carousel' {
], title: '2.1.0 - Saker',
Update: ['<strong>Doc</strong>: Echart'] publish: '20 January, 2020',
} logs: {
}, New: [
{ '<strong>Page</strong>: Authentication step wizard',
title: '1.3.0 - Aplomado', '<strong>Plugin</strong>: <code>react-hook-form</code>'
publish: '18 December, 2019', ]
logs: { }
New: ['<strong>Page</strong>: Feed', '<strong>Plugin</strong>: Plyr'] },
} {
}, title: '2.0.0 - Lanner',
{ publish: '01 January, 2020',
title: '1.2.0 - Kestrels', logs: {
publish: '11 December, 2019', New: [
logs: { '<strong>Component</strong>: Running Projects (Dashboard alt)',
New: [ '<strong>Component</strong>: Total Sales (Dashboard alt)',
'<strong>Page</strong>: Product List', '<strong>Mode</strong>: Dark',
'<strong>Page</strong>: Product Grid', '<strong>Doc</strong>: Plyr',
'<strong>Page</strong>: Product Details', '<strong>Doc</strong>: Slick Carousel'
'<strong>Page</strong>: Orders', ],
'<strong>Page</strong>: Order Details', Update: ['<strong>Doc</strong>: Echart']
'<strong>Page</strong>: Customers', }
'<strong>Page</strong>: Shopping Cart', },
'<strong>Page</strong>: Checkout', {
'<strong>Page</strong>: Favorite Items', title: '1.3.0 - Aplomado',
'Counter on cart icon' publish: '18 December, 2019',
], logs: {
Update: [ New: ['<strong>Page</strong>: Feed', '<strong>Plugin</strong>: Plyr']
'<strong>CSS</strong>: Bootstrap to <code>v4.4.1</code>', }
'<strong>Js</strong>: <code>utils.js</code>', },
'Top nav badge icons' {
] title: '1.2.0 - Kestrels',
} publish: '11 December, 2019',
}, logs: {
{ New: [
title: '1.1.0 - Gyrfalcon', '<strong>Page</strong>: Product List',
publish: '04 November, 2019', '<strong>Page</strong>: Product Grid',
logs: { '<strong>Page</strong>: Product Details',
New: [ '<strong>Page</strong>: Orders',
'<strong>Page</strong>: Dashboard Alt', '<strong>Page</strong>: Order Details',
'<strong>Page</strong>: Inbox', '<strong>Page</strong>: Customers',
'<strong>Page</strong>: Email detail', '<strong>Page</strong>: Shopping Cart',
'<strong>Page</strong>: Compose', '<strong>Page</strong>: Checkout',
'<strong>Plugin</strong>: Bulk select', '<strong>Page</strong>: Favorite Items',
'<strong>Plugin</strong>: WYSIWYG Editor', 'Counter on cart icon'
'<strong>Plugin</strong>: Progressbar' ],
], Update: [
Fix: ['Redirect to 404'], '<strong>CSS</strong>: Bootstrap to <code>v4.4.1</code>',
Update: [ '<strong>Js</strong>: <code>utils.js</code>',
'Add autoprefixer configuration in <code>package.json</code>', 'Top nav badge icons'
'Update autoprefixer configuration in <code>gulpfile.js</code>', ]
'<strong>Js</strong>: <code>utils.js</code>' }
] },
} {
}, title: '1.1.0 - Gyrfalcon',
{ publish: '04 November, 2019',
title: '1.0.0 - initial release', logs: {
publish: '30 September, 2019', New: [
children: 'Nothing to see here.' '<strong>Page</strong>: Dashboard Alt',
} '<strong>Page</strong>: Inbox',
]; '<strong>Page</strong>: Email detail',
'<strong>Page</strong>: Compose',
'<strong>Plugin</strong>: Bulk select',
'<strong>Plugin</strong>: WYSIWYG Editor',
'<strong>Plugin</strong>: Progressbar'
],
Fix: ['Redirect to 404'],
Update: [
'Add autoprefixer configuration in <code>package.json</code>',
'Update autoprefixer configuration in <code>gulpfile.js</code>',
'<strong>Js</strong>: <code>utils.js</code>'
]
}
},
{
title: '1.0.0 - initial release',
publish: '30 September, 2019',
children: 'Nothing to see here.'
}
];

View File

@ -1,4 +1,4 @@
import React from 'react'; import React, { useEffect } from 'react';
import { Card, CardBody } from 'reactstrap'; import { Card, CardBody } from 'reactstrap';
import ChatProvider from './ChatProvider'; import ChatProvider from './ChatProvider';
import ChatSidebar from './sidebar/ChatSidebar'; import ChatSidebar from './sidebar/ChatSidebar';
@ -6,6 +6,12 @@ import ChatContent from './content/ChatContent';
import Flex from '../common/Flex'; import Flex from '../common/Flex';
const Chat = () => { const Chat = () => {
useEffect(() => {
document.body.classList.add('overflow-hidden');
return () => {
document.body.classList.remove('overflow-hidden');
};
}, []);
return ( return (
<ChatProvider> <ChatProvider>
<Card className="card-chat"> <Card className="card-chat">

View File

@ -44,7 +44,7 @@ const InboxHeader = ({ isAllSelected, toggleIsAllSelected, selectedItems, isInde
<Col xs="auto"> <Col xs="auto">
<Button tag={Link} color="falcon-primary" size="sm" to="/email/compose"> <Button tag={Link} color="falcon-primary" size="sm" to="/email/compose">
<FontAwesomeIcon icon="plus" transform="shrink-3" className="mr-1" /> <FontAwesomeIcon icon="plus" transform="shrink-3" className="mr-1" />
Compose new Compose <span className="d-md-inline-block d-none ">new</span>
</Button> </Button>
</Col> </Col>
</Row> </Row>

View File

@ -27,6 +27,7 @@ import ProgressBar from '../components/bootstrap-components/ProgressBar';
import Sidepanel from '../components/bootstrap-components/Sidepanel'; import Sidepanel from '../components/bootstrap-components/Sidepanel';
import Spinners from '../components/bootstrap-components/Spinners'; import Spinners from '../components/bootstrap-components/Spinners';
import Tables from '../components/bootstrap-components/Tables'; import Tables from '../components/bootstrap-components/Tables';
import Tabs from '../components/bootstrap-components/Tabs';
import Tooltips from '../components/bootstrap-components/Tooltips'; import Tooltips from '../components/bootstrap-components/Tooltips';
import VerticalNavbar from '../components/bootstrap-components/VerticalNavbar'; import VerticalNavbar from '../components/bootstrap-components/VerticalNavbar';
import Calendar from '../components/calendar/Calendar'; import Calendar from '../components/calendar/Calendar';
@ -205,6 +206,7 @@ const DashboardRoutes = () => (
<Route path="/components/paginations" exact component={Paginations} /> <Route path="/components/paginations" exact component={Paginations} />
<Route path="/components/popovers" exact component={Popovers} /> <Route path="/components/popovers" exact component={Popovers} />
<Route path="/components/progress" exact component={ProgressBar} /> <Route path="/components/progress" exact component={ProgressBar} />
<Route path="/components/tab" exact component={Tabs} />
<Route path="/components/tables" exact component={Tables} /> <Route path="/components/tables" exact component={Tables} />
<Route path="/components/tooltips" exact component={Tooltips} /> <Route path="/components/tooltips" exact component={Tooltips} />
<Route path="/components/spinners" exact component={Spinners} /> <Route path="/components/spinners" exact component={Spinners} />