# Dashboard

the Dashboard has two separated versions one for the guest user `<GuestDashboard />`  and the other for the logged in user    `<UserDashboard />` they both have the same design but with some differences.

&#x20;the page was designed to have side menu, header bar and content area.

the content area is occupied with a `<Content />` component to fit all other components inside of it.&#x20;

The logos of the news papers were designed as SVG files and stored in the path `src/svg/name.svg`  and they need to be included this way  &#x20;

```jsx
import { ReactComponent as KlLogo } from '../svg/kauppalehti.svg';
```

{% hint style="info" %}
the side menu was originally designed to be controllable, and was changed according to a request, that can be reversed by checking the changes in the comments starting with `// fixed drawer`
{% endhint %}
