Skip to content

Commit

Permalink
fmt
Browse files Browse the repository at this point in the history
  • Loading branch information
elliotBraem committed Jan 16, 2025
1 parent bc268f8 commit bcded36
Show file tree
Hide file tree
Showing 3 changed files with 21 additions and 20 deletions.
32 changes: 16 additions & 16 deletions frontend/src/components/FeedList.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -33,22 +33,22 @@ const FeedList = () => {
</div>
<nav className="flex md:block overflow-x-auto p-1">
{feeds?.map((feed) => (
<Link
key={feed.id}
to="/feed/$feedId"
params={{ feedId: feed.id }}
className={`flex-shrink-0 min-w-[200px] mx-2 md:mx-0 md:min-w-0 block px-4 py-2 text-sm border-2 border-black shadow-sharp transition-all duration-200 md:mb-2 ${
feedId === feed.id
? "bg-gray-100 text-black font-medium translate-x-0.5 translate-y-0.5 shadow-none"
: "text-gray-600 hover:shadow-sharp-hover hover:-translate-x-0.5 hover:-translate-y-0.5 hover:bg-gray-50"
}`}
>
<div className="flex items-center">
<span className="flex-1">{feed.name}</span>
<span className="text-xs text-gray-400">#{feed.hashtag}</span>
</div>
</Link>
))}
<Link
key={feed.id}
to="/feed/$feedId"
params={{ feedId: feed.id }}
className={`flex-shrink-0 min-w-[200px] mx-2 md:mx-0 md:min-w-0 block px-4 py-2 text-sm border-2 border-black shadow-sharp transition-all duration-200 md:mb-2 ${
feedId === feed.id
? "bg-gray-100 text-black font-medium translate-x-0.5 translate-y-0.5 shadow-none"
: "text-gray-600 hover:shadow-sharp-hover hover:-translate-x-0.5 hover:-translate-y-0.5 hover:bg-gray-50"
}`}
>
<div className="flex items-center">
<span className="flex-1">{feed.name}</span>
<span className="text-xs text-gray-400">#{feed.hashtag}</span>
</div>
</Link>
))}
</nav>
</div>
);
Expand Down
5 changes: 4 additions & 1 deletion frontend/src/components/Header.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,10 @@ import { Link } from "@tanstack/react-router";
const Header = () => {
return (
<header className="sticky top-0 flex justify-between items-center p-4 border-b-2 border-black bg-white z-10">
<Link to="/" className="flex items-center hover:opacity-80 transition-opacity">
<Link
to="/"
className="flex items-center hover:opacity-80 transition-opacity"
>
<img
src="/curatedotfuntransparenticon.png"
alt="curate.fun Logo"
Expand Down
4 changes: 1 addition & 3 deletions frontend/src/routes/feed.$feedId.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -137,9 +137,7 @@ function FeedPage() {
<p className="text-gray-500">No items yet</p>
</div>
) : (
items.map((item) => (
<FeedItem key={item.tweetId} submission={item} />
))
items.map((item) => <FeedItem key={item.tweetId} submission={item} />)
)}
</div>
</Layout>
Expand Down

0 comments on commit bcded36

Please sign in to comment.