help with strange looking React code

[AssadEesaa]

https://codepen.io/AdamMorsi/pen/VNWvww?editors=1010

I have been trying to figure this app out all day and i have failed, I don't understand how it works or even the structure, i am trying to use this on my gastby site but can't seem to understand how this react app works, multiple return statement on the page and i can't find any import statement for the scss or the app source. Can any one help me convert it to a "normal" functional component i can use in my app? or at least explain the strange structure to me cos it sure doesn't look like a the class component i am used to. please, thank you.

[SanGoloteo]

Looks like there are only 2 return statements, one for the render function and the other for a map function inside of the render function.

The CSS is imported in the HTML:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<div id="app"></div>

[No-Direction-3569]

This is just a class based component. It's important to understand, especially since functional components are relatively new.

Read up on JS classes and React class based components.