Language picker with updated design.

src/components/LanguagePicker.tsx

@@ -1,25 +1,13 @@
-import DownOutlined from '@ant-design/icons/lib/icons/DownOutlined';
-import GlobalOutlined from '@ant-design/icons/lib/icons/GlobalOutlined';
-import { Dropdown, Menu } from 'antd';
 import { useRecoilState } from 'recoil';
 import { currentLanguage } from '../atoms/language';
-import { languageItems } from '../constants/languageItems';
 import "./LanguagePicker.scss"
 
 export const LanguagePicker = () => {
     const [lang, setLang] = useRecoilState(currentLanguage)
 
-    const menu = (
-        <Menu>
-            {languageItems.map(lang => {
-                return (<Menu.Item key={lang.value} onClick={e => setLang(e.key)}>{lang.label}</Menu.Item>);
-            })}
-        </Menu>
-    );
-
     return (
-        <Dropdown overlay={menu} trigger={["click"]}>
-            <span className="dropdown"><GlobalOutlined /> <DownOutlined /></span>
-        </Dropdown>
+        <h1>
+            <button onClick={e => setLang("fi")}>fi</button> | <button onClick={e => setLang("sk")}>sk</button> | <button onClick={e => setLang("en")}>en</button>
+        </h1>
     )
 }