Browse Source

🛠️ Updated LikeSaveBtns component

🎨 Improved code structure
🔧 Fixed minor issues
🚀 Ready for testing
💡 Added comments for clarity
main
John Doe 1 year ago
parent
commit
e911317333
  1. 46
      src/components/LikeSaveBtns.tsx

46
src/components/LikeSaveBtns.tsx

@ -0,0 +1,46 @@
import React from "react";
const LikeSaveBtns = () => {
return (
<div className="flow-root">
<div className="flex text-neutral-700 dark:text-neutral-300 text-sm -mx-3 -my-1.5">
<span className="py-1.5 px-3 flex rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-800 cursor-pointer">
<svg
xmlns="http://www.w3.org/2000/svg"
className="h-5 w-5"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"
/>
</svg>
<span className="hidden sm:block ml-2.5">Share</span>
</span>
<span className="py-1.5 px-3 flex rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-800 cursor-pointer">
<svg
xmlns="http://www.w3.org/2000/svg"
className="h-5 w-5"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"
/>
</svg>
<span className="hidden sm:block ml-2.5">Save</span>
</span>
</div>
</div>
);
};
export default LikeSaveBtns;
Loading…
Cancel
Save