tera chyba git guziki
This commit is contained in:
parent
46668a6bdb
commit
d8af85ceb5
BIN
src/components/TopBar/UK.png
Normal file
BIN
src/components/TopBar/UK.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 11 KiB |
1
src/components/TopBar/close.svg
Normal file
1
src/components/TopBar/close.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<?xml version="1.0" ?><svg height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M38 12.83l-2.83-2.83-11.17 11.17-11.17-11.17-2.83 2.83 11.17 11.17-11.17 11.17 2.83 2.83 11.17-11.17 11.17 11.17 2.83-2.83-11.17-11.17z"/><path d="M0 0h48v48h-48z" fill="none"/></svg>
|
After Width: | Height: | Size: 297 B |
@ -31,6 +31,10 @@
|
|||||||
&-field {
|
&-field {
|
||||||
width: 96%;
|
width: 96%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&-icon{
|
||||||
|
width: 35px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__icon {
|
&__icon {
|
||||||
@ -56,9 +60,12 @@
|
|||||||
width: 60px;
|
width: 60px;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&__input-icon{
|
||||||
|
width: 25px;
|
||||||
}
|
}
|
||||||
.MuiSvgIcon-root,
|
|
||||||
MuiSvgIcon-fontSizeLarge {
|
|
||||||
font-size: inherit !important;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -1,8 +1,11 @@
|
|||||||
import React, { ChangeEvent } from "react";
|
import React, { ChangeEvent } from "react";
|
||||||
import "./index.scss";
|
import "./index.scss";
|
||||||
import Input from "@material-ui/core/Input";
|
import Input from "@material-ui/core/Input";
|
||||||
import SearchIcon from "@material-ui/icons/Search";
|
import Transfer from "./transfer.png";
|
||||||
import CloseIcon from "@material-ui/icons/Close";
|
import Search from "./search.svg";
|
||||||
|
import UK from "./UK.png";
|
||||||
|
import User from "./user.png";
|
||||||
|
import CloseIcon from "./close.svg";
|
||||||
|
|
||||||
interface TopBarProps {
|
interface TopBarProps {
|
||||||
handleTransfer: (e: React.MouseEvent) => void;
|
handleTransfer: (e: React.MouseEvent) => void;
|
||||||
@ -56,7 +59,11 @@ export default class TopBar extends React.Component<TopBarProps, TopBarState> {
|
|||||||
<div className="top-bar__tekst"> plan na plan </div>
|
<div className="top-bar__tekst"> plan na plan </div>
|
||||||
</div>
|
</div>
|
||||||
<div className="top-bar__input-div">
|
<div className="top-bar__input-div">
|
||||||
<SearchIcon fontSize="large"></SearchIcon>
|
<img
|
||||||
|
className="top-bar__input-icon"
|
||||||
|
alt="search"
|
||||||
|
src={Search}
|
||||||
|
/>
|
||||||
<Input
|
<Input
|
||||||
placeholder="Wyszukaj..."
|
placeholder="Wyszukaj..."
|
||||||
inputProps={{ "aria-label": "description" }}
|
inputProps={{ "aria-label": "description" }}
|
||||||
@ -65,25 +72,29 @@ export default class TopBar extends React.Component<TopBarProps, TopBarState> {
|
|||||||
this.handleChange(e as ChangeEvent<HTMLInputElement>)
|
this.handleChange(e as ChangeEvent<HTMLInputElement>)
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
<CloseIcon fontSize="large"></CloseIcon>
|
<img
|
||||||
|
className="top-bar__input-icon"
|
||||||
|
alt="close"
|
||||||
|
src={CloseIcon}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="top-bar__icon-box">
|
<div className="top-bar__icon-box">
|
||||||
<img
|
<img
|
||||||
className="top-bar__icon"
|
className="top-bar__icon"
|
||||||
alt="transfer"
|
alt="transfer"
|
||||||
src="https://plannaplan.pl/img/transfer.png"
|
src={Transfer}
|
||||||
onClick={this.handleTransfer}
|
onClick={this.handleTransfer}
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
className="top-bar__icon"
|
className="top-bar__icon"
|
||||||
alt="change_language"
|
alt="change_language"
|
||||||
src="https://plannaplan.pl/img/UK.png"
|
src={UK}
|
||||||
onClick={this.handleLanguage}
|
onClick={this.handleLanguage}
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
className="top-bar__icon"
|
className="top-bar__icon"
|
||||||
alt="profile"
|
alt="profile"
|
||||||
src="https://plannaplan.pl/img/user.png"
|
src={User}
|
||||||
onClick={this.handleProfile}
|
onClick={this.handleProfile}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
1
src/components/TopBar/search.svg
Normal file
1
src/components/TopBar/search.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M344.5,298c15-23.6,23.8-51.6,23.8-81.7c0-84.1-68.1-152.3-152.1-152.3C132.1,64,64,132.2,64,216.3 c0,84.1,68.1,152.3,152.1,152.3c30.5,0,58.9-9,82.7-24.4l6.9-4.8L414.3,448l33.7-34.3L339.5,305.1L344.5,298z M301.4,131.2 c22.7,22.7,35.2,52.9,35.2,85c0,32.1-12.5,62.3-35.2,85c-22.7,22.7-52.9,35.2-85,35.2c-32.1,0-62.3-12.5-85-35.2 c-22.7-22.7-35.2-52.9-35.2-85c0-32.1,12.5-62.3,35.2-85c22.7-22.7,52.9-35.2,85-35.2C248.5,96,278.7,108.5,301.4,131.2z"/></svg>
|
After Width: | Height: | Size: 808 B |
BIN
src/components/TopBar/transfer.png
Normal file
BIN
src/components/TopBar/transfer.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 6.2 KiB |
BIN
src/components/TopBar/user.png
Normal file
BIN
src/components/TopBar/user.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 18 KiB |
Loading…
Reference in New Issue
Block a user