mirror of
https://github.com/woodchen-ink/CoverView.git
synced 2025-07-18 14:01:56 +08:00
28 lines
1.2 KiB
JavaScript
28 lines
1.2 KiB
JavaScript
import React from 'react';
|
|
import { Link } from 'react-router-dom'
|
|
import logo from '../assets/icons/logo.png'
|
|
const Header = () => {
|
|
|
|
const tweetText = encodeURIComponent(`type your thoughts here, Try https://coverview.vercel.app by @WankhadeRutik`)
|
|
|
|
return (
|
|
|
|
<div className="text-xl md:px-2 flex border-b border-gray-100 p-2">
|
|
<Link to="/" className="flex items-center">
|
|
<img src={logo} alt="logo" className="w-8 h-8 mx-4" />
|
|
<h1 className="font-semibold">Coverview</h1>
|
|
|
|
</Link>
|
|
|
|
<div className="ml-auto md:mr-4 ">
|
|
<Link to="/faq" className="text-gray-700 hover:text-gray-800 text-base font-Nunito mx-4"><span className="hidden md:inline-block">How to use</span></Link>
|
|
<a href="https://www.buymeacoffee.com/rutikwankhade" target="_blank" rel="noreferrer" className="text-base mx-2 font-Nunito">🥤 <span className="hidden md:inline-block">Buy me a coffee</span></a>
|
|
<a href={`https://twitter.com/intent/tweet?text=${tweetText}`} className="mx-2 bg-blue-400 md:text-sm text-xs rounded-full px-4 font-semibold text-white p-1">Share on Twitter</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
}
|
|
|
|
export default Header; |