All right, let's take a look at a solution, so step number one inside of our Appalachia's file, it
looks like there's already an import statement here for getting the extreme details component.
So all we should have to do is add in another route with a path of streams, slash details.
I'll put in exact and then the component that I want to show.
Is going to be.
Stream details and notice that it's wrapping my code here just because I'm a little bit space constrained,
but for you, you might want to keep this entire root component all in the same line just for legibility.
Now, just because we added this route in doesn't mean that we can actually see anything related to
it.
We need to actually be able to navigate over to that different path now.
So for that, we're going to open up our stream list JS file.
There's already an import statement inside of here for a link component.
So I'm going to place a new link directly after that three.
I'll give it some text of something like go to stream details and then remember, we need to assign
it a two prop.
So whenever a user clicks on this link, we're going to navigate them to streams details.
Now, we can test that right away if I click on the link.
Hey, there we go.
And navigated me over to the stream details component, but now we're kind of stuck here.
So we would want to navigate back over to a stream list for that will go to stream details.
And we'll add in a link here as well.
And for this link, I'll give it a two prop of root, root or just forward slash by itself, that should
take us back to the stream list, then we can test this full flow out.
So I will click on Go to stream details.
Go back to stream list.
Yep.
Looks like it's working pretty well.
OK, final step, let's run some tests and make sure everything is working as expected.
All right, fantastic.
Well, let's take a quick pause right here and get back on track in the next video.