Remove extra Rewards Multiplier row, soften glow (#1714)

Author: DannyDelott

apps/hyperdrive-trading/src/ui/markets/PointsMarkets/PointsMarkets.tsx

@@ -27,14 +27,7 @@ export function PointsMarkets(): ReactElement | null {
   const { chains: selectedChains, assets: selectedAssets } = useSearch({
     from: POINTS_MARKETS_ROUTE,
   });
-  const {
-    filters,
-    status,
-    pools,
-    sortOption,
-    setSortOption,
-    isSortingEnabled,
-  } = usePoolsList({
+  const { status, pools } = usePoolsList({
     selectedChains,
     selectedAssets,
   });
@@ -178,7 +171,6 @@ function PointsMarketTable({ hyperdrive }: { hyperdrive: HyperdriveConfig }) {
     hyperdriveAddress: hyperdrive.address,
   });
 
-  const multipliers = usePointsMultipliers({ hyperdrive });
   return (
     <div className="flex flex-col gap-3">
       <PointsMarketRow
@@ -261,21 +253,6 @@ function PointsMarketTable({ hyperdrive }: { hyperdrive: HyperdriveConfig }) {
           </span>
         }
       />
-      <PointsMarketRow
-        col1={
-          <div className="w-[140px] text-neutral-content">
-            Rewards Multiplier
-          </div>
-        }
-        col2={
-          <span className="gradient-text mr-5 font-medium">
-            {multipliers?.[0].multiplier}x
-          </span>
-        }
-        col3={
-          <span className="mr-3">Up to {multipliers?.[0].multiplier}x</span>
-        }
-      />
       <PointsMarketRow
         col1={<span className="text-neutral-content">Term</span>}
         col2={
@@ -285,7 +262,7 @@ function PointsMarketTable({ hyperdrive }: { hyperdrive: HyperdriveConfig }) {
             )}
           </span>
         }
-        col3={<span className="mr-3">∞</span>}
+        col3={<span className="mr-3 text-neutral-content">Never expires</span>}
       />
     </div>
   );

apps/hyperdrive-trading/tailwind.config.js

@@ -69,10 +69,10 @@ module.exports = {
     },
     dropShadow: {
       glow: [
-        "0 0px 5px rgba(255, 255, 255, 0.4)", // Intense white inner glow
-        "0 0px 15px rgba(255, 255, 255, 0.6)", // Softer white mid glow
-        "0 0px 30px rgba(0, 150, 255, 0.5)", // Bluish neon outer glow
-        "0 0px 50px rgba(0, 150, 255, 0.4)", // Diffused bluish neon
+        "0 0px 5px rgba(0, 150, 255, 0.3)", // Bluish neon outer glow
+        "0 0px 10px rgba(0, 150, 255, 0.2)", // Diffused bluish neon
+        "0 0px 30px rgba(255, 255, 255, 0.4)", // Intense white inner glow
+        // "0 0px 50px rgba(255, 255, 255, 0.6)", // Softer white mid glow
       ],
     },
     fontFamily: {