Scipaper/Frontend
5
0
Fork 0
Code Issues 15 Pull Requests Packages Projects Releases Wiki Activity

header without dropdown

Browse Source
This commit is contained in:
“Salar 2022-08-17 12:55:39 +03:00
parent bdb87d715a
commit 2e5e57550c
1 changed files with 19 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/Header1.tsx
View File

@ -5,9 +5,9 @@ import Link from "./Link";
import Logo from "./Logo"; import Logo from "./Logo";
import Logofreeland from "./Logofreeland"; import Logofreeland from "./Logofreeland";
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
// import { Button } from "./Button/Button"; import { Button } from "./Button/Button";
import Bell from "./Bell"; import Bell from "./Bell";
// import Avatar from "./Avatar"; import Avatar from "./Avatar";
import ContextMenu from "components/containers/contextmenu/ContextMenu"; import ContextMenu from "components/containers/contextmenu/ContextMenu";
import ContextMenuAction from "components/containers/contextmenu/ContextMenuAction"; import ContextMenuAction from "components/containers/contextmenu/ContextMenuAction";
import Sidebar from "components/Sidebar"; import Sidebar from "components/Sidebar";
@ -87,7 +87,7 @@ const Header1 = () => {
</Link> </Link>
{/* Dropdown start */} {/* Dropdown start */}
{/* <ContextMenu button="MY LIBRARY" className="text-white"> <ContextMenu button="MY LIBRARY" className="text-white">
<ContextMenuAction <ContextMenuAction
caption="My publications" caption="My publications"
action={() => console.log("My publications")} action={() => console.log("My publications")}
@ -98,23 +98,23 @@ const Header1 = () => {
action={() => console.log("My favorites")} action={() => console.log("My favorites")}
icon={<SVGFiletext className="stroke stroke-white h-5 w-4" />} icon={<SVGFiletext className="stroke stroke-white h-5 w-4" />}
></ContextMenuAction> ></ContextMenuAction>
</ContextMenu> */} </ContextMenu>
{/* Dropdown End */} {/* Dropdown End */}
<Drop />
{/* <Dropdown
className=" text-xs md:text-sm"
selected={selected}
setSelected={setSelected}
options={["first", "Second"]}
/> */}
<Drop /> {/* Dropdown start */}
{/* <Dropdown <ContextMenu button="MY LIBRARY" className="text-white">
className=" text-xs md:text-sm" <ContextMenuAction
selected={selectedB} caption="My publications"
setSelected={setSelectedB} action={() => console.log("My publications")}
options={["one", "two"]} icon={<SVGFiletext className="stroke stroke-white h-5 w-4" />}
/> */} ></ContextMenuAction>
<ContextMenuAction
caption="My favorites"
action={() => console.log("My favorites")}
icon={<SVGFiletext className="stroke stroke-white h-5 w-4" />}
></ContextMenuAction>
</ContextMenu>
{/* Dropdown End */}
</div> </div>
)} )}
@ -146,7 +146,7 @@ const Header1 = () => {
{/* Avatar Start */} {/* Avatar Start */}
{Short && ( {Short && (
<button> <button>
{/* <Avatar className="bg-[rgb(255,122,69)] text-white">K</Avatar> */} <Avatar className="bg-[rgb(255,122,69)] text-white">K</Avatar>
</button> </button>
)} )}
{/* Avatar End */} {/* Avatar End */}
@ -159,14 +159,8 @@ const Header1 = () => {
)} )}
{/* Burger End */} {/* Burger End */}
</div> </div>
{/* <div>{ ({ width } gt " 300px" )&& <span>Hi</span>} </div> */}
</header> </header>
); );
}; };
export default Header1; export default Header1;
// bg-red-300
// sm:bg-sky-400
// md:bg-sky-600
// lg:bg-sky-800
// xl:bg-red-600