You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
- We have updated this product from Bootstrap 3 to Bootstrap 4, so in essence, this is a new product
6
14
- For this, we have followed the guidelines from [here](https://react-bootstrap.github.io/migrating/) and [here](https://getbootstrap.com/docs/4.0/migration/)
7
15
- We also did not add Bootstrap variables as part of our styles (we will do so in one of our next updates, probably in version 3.0.0 when we'll add Bootstrap 5)
16
+
8
17
### Bug fixing
18
+
9
19
- Renamed all files to `.js`, instead of `.jsx`
10
20
- Refactor all files from class components to functional ones, so now, you can use React Hooks
**The TypeScript and jQuery dependencies are installed only to stop console warnings on install. They are not actually used in our product. So the product is not based on TypeScript or jQuery!**
56
79
_The following warnings will appear when running the installation command, but they do not affect the UI or the functionality of the product (they will be solved in our next update):_
80
+
57
81
```
58
82
npm WARN [email protected] requires a peer of react@^0.14.9 || ^15.0.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
59
83
npm WARN [email protected] requires a peer of [email protected] || ^15.0.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
60
84
npm WARN [email protected] requires a peer of react@^0.14.0 || ^15.0.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
61
85
```
62
-
_If they will persist in our 2.4.* version, we will drop their usages and replace them with other plugins._
63
-
_In development mode, some of the above plugins will throw a warning because they still use React v16 syntax. If the error will persist in our 2.4.* version, we will drop their usage and replace them with other plugins._
86
+
87
+
_If they will persist in our 2.4.\* version, we will drop their usages and replace them with other plugins._
88
+
_In development mode, some of the above plugins will throw a warning because they still use React v16 syntax. If the error will persist in our 2.4.\* version, we will drop their usage and replace them with other plugins._
89
+
64
90
### Upgrade details
65
-
* Updated all packages from `package.json` using `npm-upgrade`, link here: https://www.npmjs.com/package/npm-upgrade
66
-
* Renamed all `ControlLabel` components to `FormLabel` (this refers to the react-bootstrap components)
67
-
* Renamed all `Grid` components to `Container` (this refers to the react-bootstrap components)
68
-
* Rename all `HelpBlock` components to `FormText`
69
-
* Rename all `MenuItem` components to `Dropdown.Item` and `NavDropdown.Item`
70
-
* Rename all Panel components to Card
71
-
* Deleted variables folder
72
-
* Change the usage of `React Big Calendar` to the new API, so instead of
91
+
92
+
- Updated all packages from `package.json` using `npm-upgrade`, link here: https://www.npmjs.com/package/npm-upgrade
93
+
- Renamed all `ControlLabel` components to `FormLabel` (this refers to the react-bootstrap components)
94
+
- Renamed all `Grid` components to `Container` (this refers to the react-bootstrap components)
95
+
- Rename all `HelpBlock` components to `FormText`
96
+
- Rename all `MenuItem` components to `Dropdown.Item` and `NavDropdown.Item`
97
+
- Rename all Panel components to Card
98
+
- Deleted variables folder
99
+
- Change the usage of `React Big Calendar` to the new API, so instead of
import { Calendar as BigCalendar, momentLocalizer } from "react-big-calendar";
83
115
```
84
-
* And
116
+
117
+
- And
118
+
85
119
```
86
120
const localizer = momentLocalizer(moment);
87
121
```
88
-
* Change Panels with new react-bootstrap components
89
-
* For Col componets, replaced `size={number1} sizeOffest={number2}` with `size={{span: number1, offset: number2}}` where size can be `xs`, `sm`, `md`, `lg`
90
-
* Changed `bsStyle` to `variant`
91
-
* Changed `bsSize` to `size`
92
-
* Replace `<Navbar.Header>` with `<div className=“navbar-header”>`
93
-
* Replace `<Navbar.Form>` with `<div className="navbar-search-form navbar-form navbar-left">`
94
-
* Replace `<FormGroup>` with `<Form.Group>`
95
-
* Replace `<InputGroup.Addon>` with `<InputGroup.Prepend><InputGroup.Text>` and `<InputGroup.Append><InputGroup.Text>`
96
-
* All required images have a default prop at the end now, example: `const us_flag = require("../assets/img/flags/US.png");` was changed to `const us_flag = require("../assets/img/flags/US.png").default;`
97
-
* Rename all .jsx files to .js
98
-
* Added Row and Col inside StatsCard
99
-
* Delete eventKey from NavDropdown components
100
-
* Deleted noCaret from NavDropdown components
101
-
* Replace Navbar fluid with Navbar → Container fluid
102
-
* Add fontawesome as dependencie instead of font link insde public/index.html, it is now imported insde src/index.js
103
-
* In addition to these changes, we’ve chaned the structure of the pages and components as well to match those from the HTML version of the product: https://www.creative-tim.com/product/light-bootstrap-dashboard
122
+
123
+
- Change Panels with new react-bootstrap components
124
+
- For Col componets, replaced `size={number1} sizeOffest={number2}` with `size={{span: number1, offset: number2}}` where size can be `xs`, `sm`, `md`, `lg`
125
+
- Changed `bsStyle` to `variant`
126
+
- Changed `bsSize` to `size`
127
+
- Replace `<Navbar.Header>` with `<div className=“navbar-header”>`
128
+
- Replace `<Navbar.Form>` with `<div className="navbar-search-form navbar-form navbar-left">`
129
+
- Replace `<FormGroup>` with `<Form.Group>`
130
+
- Replace `<InputGroup.Addon>` with `<InputGroup.Prepend><InputGroup.Text>` and `<InputGroup.Append><InputGroup.Text>`
131
+
- All required images have a default prop at the end now, example: `const us_flag = require("../assets/img/flags/US.png");` was changed to `const us_flag = require("../assets/img/flags/US.png");`
132
+
- Rename all .jsx files to .js
133
+
- Added Row and Col inside StatsCard
134
+
- Delete eventKey from NavDropdown components
135
+
- Deleted noCaret from NavDropdown components
136
+
- Replace Navbar fluid with Navbar → Container fluid
137
+
- Add fontawesome as dependencie instead of font link insde public/index.html, it is now imported insde src/index.js
138
+
- In addition to these changes, we’ve chaned the structure of the pages and components as well to match those from the HTML version of the product: https://www.creative-tim.com/product/light-bootstrap-dashboard
104
139
105
140
## [1.3.0] 2019-05-03
141
+
106
142
### Bug fixing
143
+
107
144
- Renamed `src/layouts/Dashboard/Dashboard.jsx` to `src/layouts/Admin.jsx`
108
145
- Renamed `src/views/Dashboard/Dashboard.jsx` to `src/views/Dashboard.jsx`
109
146
- Renamed `src/views/Dashboard/Dashboard.jsx` to `src/views/Icons.jsx`
- Renamed `src/components/Header` to `src/components/Navbars`
117
154
- Renamed `src/components/Navbars/Header.jsx` to `src/components/Navbars/AdminNavbar.jsx`
118
155
- Renamed `src/components/Navbars/HeaderLinks.jsx` to `src/components/Navbars/AdminNavbarLinks.jsx`
119
-
- Changes caused by running [the prettier command](https://prettier.io/docs/en/install.html) for *.jsx*, *.js*, *.html* and *.css* files
156
+
- Changes caused by running [the prettier command](https://prettier.io/docs/en/install.html) for _.jsx_, _.js_, _.html_ and _.css_ files
120
157
- Changed our buggy routing system, now it should work flawlessly, for more info, please refer to our [live docs here](https://demos.creative-tim.com/light-bootstrap-dashboard-react/#/documentation/routing-system)
- Added `fluid` prop on `Grid` component in `Footer`
155
200
- Moved all the contents of `elements` folder to `components` folder and delete it
156
201
- Renamed `containers` folder to `layouts`
157
202
- Renamed `App/App.jsx` to `Dashboard/Dashboard.jsx`
158
203
- Renamed `src/routes/app.jsx` to `src/routes/dashboard.jsx`
159
204
- Renamed `appRoutes` to `dashboardRoutes`
160
205
- Added `src/routes/index.jsx` and made the routes in `src/index.js` dynamically based on `indexRoutes` from `src/routes/index.jsx` (users can now make new layouts and routes for them easier)
0 commit comments