Good first issue fixes 10 06 2025 (#152)

* fix(header): update setup link to Syscoin Nexus guide SYSHUB001v1-ER13

- Update top menu Setup link from outdated Syscoin 4 guide to Syscoin Nexus guide
- Fixes issue #92

* fix(forms): add info icon to Collateral Index field and fix text contrast SYSHUB001v1-SG09, SYSHUB001v1-SG10

- Add information icon to Collateral Index field with helpful tooltip about masternode_outputs command
- Fix text contrast in proposal description field by changing text color from dark to white
- Fix text contrast in FAQ form editor as well
- Fixes issues #88, #89

---------

Co-authored-by: Ted Ian Osias <[email protected]>

Author: osiastedian

.playwright-mcp/github-compare-page.png

@@ -287,7 +287,7 @@ const FaqForm = () => {
                 editorStyle={{
                   paddingTop: 0,
                   paddingBottom: 0,
-                  color: "#0f1f1f",
+                  color: "#ffffff",
                   backgroundColor: "rgba(138, 196, 247, 0.322)",
                 }}
               />

src/components/admin/FaqForm.jsx

@@ -26,11 +26,7 @@ class Footer extends Component {
                     <nav className="nav">
                         <ul>
                         <li>
-                            <a
-                                href="https://sysnode.info/about"
-                                rel="noopener noreferrer"
-                                target="_blank"
-                            >About</a>
+                            <Link to="/stats">About</Link>
                         </li>
 
                         <li>
@@ -39,7 +35,7 @@ class Footer extends Component {
 
                         <li>
                             <a
-                                href="https://support.syscoin.org/t/masternode-setup-guide-fresh-install-automated-server-setup/19"
+                                href="https://support.syscoin.org/t/syscoin-nexus-sentry-node-install-guide/463"
                                 rel="noopener noreferrer"
                                 target="_blank"
                             >Setup</a>

src/components/global/Footer.js

@@ -103,7 +103,7 @@ function Header({ t }) {
 
                 <li onClick={menuLinks}>
                   <a
-                    href="https://support.syscoin.org/t/masternode-setup-guide-fresh-install-automated-server-setup/19"
+                    href="https://support.syscoin.org/t/syscoin-nexus-sentry-node-install-guide/463"
                     rel="noopener noreferrer"
                     target="_blank"
                   >

src/components/global/Header.js

@@ -20,7 +20,7 @@ function HomeButtons() {
         Learn More
       </Link>
       <a
-        href="https://support.syscoin.org/t/masternode-setup-guide-fresh-install-automated-server-setup/19"
+        href="https://support.syscoin.org/t/syscoin-nexus-sentry-node-install-guide/463"
         className="btn btn-outline-primary"
         rel="noopener noreferrer"
         target="_blank"

src/components/home/HomeButtons.jsx

@@ -101,19 +101,24 @@ const MasternodeDetails = ({ onNext }) => {
       </div>
       <div className="form-group">
         <label htmlFor="collateralIndex">Collateral index</label>
-        <select
-          className="styled"
-          name="collateralIndex"
-          id="collateralIndex"
-          ref={register}
-          defaultValue=""
-        >
-          <option value="" hidden>
-            Select The output index of the 100000 Syscoin funding transaction
-          </option>
-          <option value="0">0</option>
-          <option value="1">1</option>
-        </select>
+        <div style={{ position: 'relative' }}>
+          <select
+            className="styled"
+            name="collateralIndex"
+            id="collateralIndex"
+            ref={register}
+            defaultValue=""
+          >
+            <option value="" hidden>
+              Select The output index of the 100000 Syscoin funding transaction
+            </option>
+            <option value="0">0</option>
+            <option value="1">1</option>
+          </select>
+          <IconInput dataId="collateralIndex">
+            <p>The output index of the 100000 Syscoin funding transaction. Use the <code>masternode_outputs</code> command in your QT wallet to get the collateral_hash and corresponding index.</p>
+          </IconInput>
+        </div>
         <ErrorMessage
           errors={errors}
           name="collateralIndex"

src/components/masternodes/masternodeForm/MasternodeDetails.jsx

@@ -143,7 +143,7 @@ function DescriptionProposal({onNext, onBack}) {
                             editorStyle={{
                                 paddingTop: 0,
                                 paddingBottom: 0,
-                                color: "#0f1f1f",
+                                color: "#ffffff",
                                 backgroundColor: "rgba(138, 196, 247, 0.322)",
                             }}
                         />