Skip to content

A
Aqbits Trace Code
Commit a0f105fb authored by Trần Ngọc Nam Anh's avatar Trần Ngọc Nam Anh
Browse files
Options

Fix Navbar UI and color

parent 45c3aa7d
Show whitespace changes
Inline Side-by-side
Showing with 121 additions and 95 deletions
src/components/Navbars/DemoNavbar.js
View file @ a0f105fb
......@@ -127,12 +127,24 @@ const DemoNavbar = () => {
</Row>
</div>
<Nav className="navbar-nav-hover align-items-lg-center" navbar>
<UncontrolledDropdown nav>
<NavItem>
<NavLink
className="nav-link-icon"
href="#"
onClick={onHandleGoToHome}
>
<i className="fa fa-facebook-square d-lg-none" />
<span className="nav-link-inner--text ml-2">
Trang chủ
</span>
</NavLink>
</NavItem>
{/* <UncontrolledDropdown nav>
<DropdownToggle nav>
<i className="ni ni-ui-04 d-lg-none mr-1" />
<span className="nav-link-inner--text" onClick={onHandleGoToHome}>Trang chủ</span>
</DropdownToggle>
{/* <DropdownMenu className="dropdown-menu-xl">
<DropdownMenu className="dropdown-menu-xl">
<div className="dropdown-menu-inner">
<Media
className="d-flex align-items-center"
......@@ -189,34 +201,10 @@ const DemoNavbar = () => {
</Media>
</Media>
</div>
</DropdownMenu> */}
</UncontrolledDropdown>
<UncontrolledDropdown nav>
<DropdownToggle nav>
<i className="ni ni-collection d-lg-none mr-1" />
<span className="nav-link-inner--text">Dịch vụ</span>
</DropdownToggle>
<DropdownMenu>
{/* <DropdownItem to="/trace-code" tag={Link}>
Profile
</DropdownItem> */}
<DropdownItem to="/login-page" tag={Link}>
Đăng nhập
</DropdownItem>
{/* <DropdownItem to="/register-page" tag={Link}>
Đăng kí
</DropdownItem> */}
<DropdownItem to="/" tag={Link}>
Tra cứu thông tin
</DropdownItem>
<DropdownItem divider />
<DropdownItem onClick={onHandleLogout}>
Đăng xuất
</DropdownItem>
</DropdownMenu>
</UncontrolledDropdown>
</UncontrolledDropdown> */}
</Nav>
<Nav className="align-items-lg-center ml-lg-auto" navbar>
{/* <Nav className="align-items-lg-center ml-lg-auto" navbar>
<NavItem>
<NavLink
className="nav-link-icon"
......@@ -281,6 +269,38 @@ const DemoNavbar = () => {
Github
</UncontrolledTooltip>
</NavItem>
</Nav> */}
<Nav className="navbar-nav-hover align-items-lg-center ml-lg-auto" navbar>
<UncontrolledDropdown nav>
<DropdownToggle nav>
<div class="media align-items-center">
<span class="avatar avatar-sm rounded-circle">
<img alt="Image placeholder" src={require("assets/img/theme/team-4-800x800.jpg")}/>
</span>
<div class="media-body ml-2 d-none d-lg-block">
<span class="mb-0 text-sm font-weight-bold">John Snow</span>
</div>
</div>
</DropdownToggle>
<DropdownMenu>
{/* <DropdownItem to="/trace-code" tag={Link}>
Profile
</DropdownItem> */}
{/* <DropdownItem to="/login-page" tag={Link}>
Đăng nhập
</DropdownItem> */}
{/* <DropdownItem to="/register-page" tag={Link}>
Đăng kí
</DropdownItem> */}
<DropdownItem to="/" tag={Link}>
Tra cứu thông tin
</DropdownItem>
<DropdownItem divider />
<DropdownItem onClick={onHandleLogout}>
Đăng xuất
</DropdownItem>
</DropdownMenu>
</UncontrolledDropdown>
</Nav>
</UncontrolledCollapse>
</Container>
......
src/components/Profile/AddProfile.js
View file @ a0f105fb
......@@ -40,7 +40,7 @@ const AddProfile = () => {
const onHandleAddNewProfile = async (event) => {
event.preventDefault();
if(validatePhoneNumber(phoneNumber)){
if (validatePhoneNumber(phoneNumber)) {
const getTime = new Date().getTime();
const params = {
id: uuidv4(),
......@@ -56,7 +56,7 @@ const AddProfile = () => {
dummyData.data.push(params);
history.push("/profile");
setValidPhoneNumber(false);
}else {
} else {
setValidPhoneNumber(true);
}
}
......@@ -82,6 +82,7 @@ const AddProfile = () => {
required
placeholder="Tên doanh nghiệp"
type="text"
className="text-dark"
value={profileName}
onChange={(e) => setProfileName(e.target.value)}
/>
......@@ -99,6 +100,7 @@ const AddProfile = () => {
required
placeholder="Mã code"
type="text"
className="text-dark"
value={profileCode}
onChange={(e) => setProfileCode(e.target.value)}
/>
......@@ -106,7 +108,7 @@ const AddProfile = () => {
</FormGroup>
<FormGroup className="mb-4">
<Label for="phone_number" >Số điện thoại</Label>
<InputGroup className="input-group-alternative mb-4">
<InputGroup className="mb-4">
<InputGroupAddon addonType="prepend">
<InputGroupText>
<i className="fa fa-phone" />
......@@ -115,6 +117,7 @@ const AddProfile = () => {
<Input
placeholder="Số điện thoại"
type={phoneNumber ? "text" : "number"}
className="text-dark"
value={phoneNumber}
onChange={(e) => setPhoneNumber(e.target.value)}
invalid={validPhoneNumber}
......@@ -128,6 +131,7 @@ const AddProfile = () => {
<Input
placeholder="Địa chỉ"
type="textarea"
className="text-dark"
value={profileAddress}
onChange={(e) => setProfileAddress(e.target.value)}
/>
......@@ -135,7 +139,7 @@ const AddProfile = () => {
</FormGroup>
<FormGroup row>
<Col sm={10}>
<Input type="file" name="file" id="file-logo" />
<Input type="file" name="file" id="file-logo" className="w-auto" />
<FormText color="muted">
Lựa chọn logo công ty
</FormText>
......@@ -145,18 +149,20 @@ const AddProfile = () => {
<ProductTable listProduct={detailProfile.profile_product} />
</div>
<div className="d-flex justify-content-between mt-3">
<div className="border border-secondary border-3 rounded">
<Button
color="info"
color="secondary"
type="button"
className="btn-1"
className="btn-1 my-0"
onClick={onHandleBack}
>
Quay lại
</Button>
</div>
<Button
color="primary"
type="submit"
className="btn-1"
className="btn-1 my-0"
>
{profileId ? "Sửa" : "Thêm mới"}
</Button>
......
src/components/Profile/SearchProfile.js
View file @ a0f105fb
......@@ -53,7 +53,7 @@ const SearchProfile = (props) => {
<MainBanner />
<section className="section pb-0 section-components">
<Container className="mb-5">
<h3 className="h4 text-success mb-4 font-weight-bold text-center">Tra cứu thông tin doanh nghiệp</h3>
<h3 className="h4 text-primary mb-4 font-weight-bold text-center">Tra cứu thông tin doanh nghiệp</h3>
<Form className="justify-content-center" onSubmit={onHandleSearch}>
<FormGroup>
<InputGroup className="mb-4">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment