Merge pull request #2 from Sayan3990/main

Sayan3990 · web-flow · commit 9f1fb099e9e6 · 2021-10-09T10:50:17.000+05:30
Card routing technique changed
diff --git a/src/components/CardUI.jsx b/src/components/CardUI.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { Link } from "react-router-dom";
 
 const CardUI = props => {
     return (
@@ -11,7 +12,9 @@ const CardUI = props => {
            <p className ="card-text text-secondary">
                {props.text}
            </p>
-           <a href={'/card/' + props.url} className="btn btn-outline-primary">{props.button}</a>
+           <Link className="btn btn-outline-primary" to={'/card/' + props.url}>
+           {props.button}
+           </Link>
           </div>
         </div>
     )
diff --git a/src/components/Navigation.jsx b/src/components/Navigation.jsx
@@ -16,8 +16,11 @@ function Navigation() {
                 <Nav className="mr-auto">
                   <NavDropdown title={<Button>Features</Button>} id="collasible-nav-dropdown">
                     {
-                      cardDetails.map(oneCard => <NavDropdown.Item href={'/card/' + oneCard.url}>
-                      {oneCard.title}</NavDropdown.Item> )
+                      cardDetails.map(oneCard => <NavDropdown.Item>
+                        <Link to={'/card/' + oneCard.url} style={{ color: 'black', textDecoration: 'none' }}>
+                          {oneCard.title}
+                        </Link>
+                      </NavDropdown.Item> )
                     }
                   </NavDropdown>
                   <Nav.Link href='#ourfooter'>

Original file line number	Diff line number	Diff line change
`@@ -16,8 +16,11 @@ function Navigation() {`
`16`	`16`	`<Nav className="mr-auto">`
`17`	`17`	`<NavDropdown title={<Button>Features</Button>} id="collasible-nav-dropdown">`
`18`	`18`	`{`
`19`		`- cardDetails.map(oneCard => <NavDropdown.Item href={'/card/' + oneCard.url}>`
`20`		`- {oneCard.title}</NavDropdown.Item> )`
	`19`	`+ cardDetails.map(oneCard => <NavDropdown.Item>`
	`20`	`+ <Link to={'/card/' + oneCard.url} style={{ color: 'black', textDecoration: 'none' }}>`
	`21`	`+ {oneCard.title}`
	`22`	`+ </Link>`
	`23`	`+ </NavDropdown.Item> )`
`21`	`24`	`}`
`22`	`25`	`</NavDropdown>`
`23`	`26`	`<Nav.Link href='#ourfooter'>`