Frontend – implementing the lyrics page

The last thing that we need to do to complete our V2 is to update our Lyrics page so that it renders the song lyrics.

Open the frontend/src/pages/lyrics.tsx file and modify it as follows:

import React, { ReactElement } from "react"; import { RouteComponentProps } from 'react-router'; import Container from 'react-bootstrap/Container'; import { Link } from 'react-router-dom'; import { FindLyrics_songLyrics } from '../generated/FindLyrics'; import { FindSongs_songs } from '../generated/FindSongs'; import Card from 'react-bootstrap/Card'; type LyricsLocationState = { song: FindSongs_songs; songLyrics: FindLyrics_songLyrics; }; interface LyricsProps extends RouteComponentProps<any, any, LyricsLocationState> ...

Get Learn TypeScript 3 by Building Web Applications now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.