highlight selected portfolio

PenTest-duck · PenTest-duck · commit 9154ab7d9433 · 2024-10-17T01:34:02.000+11:00
diff --git a/frontend/src/components/About/PortfolioDisplay.tsx b/frontend/src/components/About/PortfolioDisplay.tsx
@@ -21,7 +21,7 @@ const PortfolioDisplay = () => {
       <div className="flex justify-between max-w-full h-10 my-6 snap-x snap-mandatory overflow-scroll hide-scrollbar">
         {names.map((name) => (
           <button 
-            className="grow text-center border border-white bg-blue-700 p-2" 
+            className={`grow text-center border border-white ${name === selectedPortfolio ? "bg-blue-400" : "bg-blue-700"} p-2`} 
             key={`btn-${name}`}
             onClick={() => setSelectedPortfolio(name)}
           >

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ const PortfolioDisplay = () => {`
`21`	`21`	`<div className="flex justify-between max-w-full h-10 my-6 snap-x snap-mandatory overflow-scroll hide-scrollbar">`
`22`	`22`	`{names.map((name) => (`
`23`	`23`	`<button`
`24`		`- className="grow text-center border border-white bg-blue-700 p-2"`
	`24`	+ className={`grow text-center border border-white ${name === selectedPortfolio ? "bg-blue-400" : "bg-blue-700"} p-2`}
`25`	`25`	key={`btn-${name}`}
`26`	`26`	`onClick={() => setSelectedPortfolio(name)}`
`27`	`27`	`>`