[FIX] minor errors (#53)

* component::Discourserankedlist: add key prop to each column Signed-off-by: Debdut Chakraborty <debdut.chakraborty@rocket.chat> * component::Menubar: rename class attr to className Signed-off-by: Debdut Chakraborty <debdut.chakraborty@rocket.chat>
RocketChat · Jan 25, 2022 · 25215e3 · 25215e3
1 parent 2be69ef
commit 25215e3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/app/components/discourserankedlist.js b/app/components/discourserankedlist.js
@@ -130,8 +130,9 @@ function Discourserankedlist(props) {
       <Col
         className={`${styles.container} d-flex flex-wrap justify-content-center`}
       >
-        {Data.map((item) => (
+        {Data.map(item => (
           <Col
+            key={item.id}
             href={item.link}
             className={`${
               styles.coloumn

diff --git a/app/components/menubar.js b/app/components/menubar.js
@@ -7,7 +7,7 @@ export default function Menubar(props) {
   const [collapsed, setCollapsed] = useState(true);
 
   return (
-    <Container fluid class='border-bottom '>
+    <Container fluid className='border-bottom '>
       <Navbar expand='lg' className=' bg-white mx-4 my-2'>
         <BrandLogo 
           brandLink={'#home'}
@@ -42,13 +42,13 @@ export default function Menubar(props) {
         </Navbar.Toggle>
         <Navbar.Collapse id='basic-navbar-nav'>
           <Nav className='mx-auto'>
-            {props.menu?.body?.map((item) => {
+            {props.menu?.body?.map(item => {
               return item.sub_menus ? (
                 <NavDropdown
                   title={item.label}
                   className={`ml-4 fw-light ${styles.navbarItem}`}
                 >
-                  {item.sub_menus.map((sub) => (
+                  {item.sub_menus.map(sub => (
                     <NavDropdown.Item
                       href={sub.url}
                       className={['dropdown-toggle']}