frontend: inline map in Connections.tsx

This commit is contained in:
0x1eef 2023-12-21 03:22:47 -03:00
parent 62ae4d3bdd
commit cf804af7de
2 changed files with 6 additions and 6 deletions

View file

@ -3,14 +3,14 @@ import { useConnections } from "/hooks/useConnections";
export function Connections() { export function Connections() {
const [connections] = useConnections(); const [connections] = useConnections();
const items = connections.map((conn, i) => {
return <li key={i}>{conn.name}</li>;
});
return ( return (
<> <>
<span>Connections</span> <span>Connections</span>
<ul className="connections">{items}</ul> <ul className="connections">
{connections.map((conn, i) => {
return <li key={i}>{conn.name}</li>;
})}
</ul>
</> </>
); );
} }

View file

@ -10,7 +10,7 @@ export function Issues() {
</div> </div>
<div className="pure-u-3-5 new-issue-btn"> <div className="pure-u-3-5 new-issue-btn">
<button className="pure-button pure-button-primary"> <button className="pure-button pure-button-primary">
<a href={`/issues/new`}>New Issue</a> <a href="/issues/new">New Issue</a>
</button> </button>
</div> </div>
<ul className="pure-u-5-5"> <ul className="pure-u-5-5">