Merge branch 'master' into sarah/lint

package.json

@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "build": "next build",
-    "build:ci": "run-s docs:* generate:* build",
+    "build:ci": "run-s docs:* generate:* patch:wallet build",
     "check": "run-s lint prettier:check",
     "check:prod": "run-s lint:prod prettier:check",
     "copy:icons": "cp -r ./node_modules/@fuel-ui/icons/dist/icons/sprite.svg ./public/icons",
@@ -22,6 +22,7 @@
     "prettier:check": "prettier --check .",
     "prettier:format": "prettier --write .",
     "start": "next start",
+    "patch:wallet": "node scripts/wallet-examples.mjs",
     "test:guides": "npx playwright test tests/test.spec.ts",
     "test:guides:debug": "DEBUG=pw:api npx playwright test tests/test.spec.ts",
     "ts:check": "tsc --noEmit",

scripts/generate-links/getSortedLinks.mjs

@@ -192,15 +192,18 @@ export default function getSortedLinks(config, docs) {
               .replaceAll(' ', '_')
               .replaceAll('-', '_');
 
-            const pathLength = isLatest ? 4 : 3;
-            const isIndexA = a.slug.split('/').length === pathLength;
-            if (isIndexA) {
-              return -1;
-            }
-            const isIndexB = b.slug.split('/').length === pathLength;
-            if (isIndexB) {
-              return 1;
+            if (a.slug.includes('fuels-ts')) {
+              const pathLength = isLatest ? 4 : 3;
+              const isIndexA = a.slug.split('/').length === pathLength;
+              if (isIndexA) {
+                return -1;
+              }
+              const isIndexB = b.slug.split('/').length === pathLength;
+              if (isIndexB) {
+                return 1;
+              }
             }
+
             const aIdx = catOrder ? catOrder.indexOf(lowerA) : 0;
             const bIdx = catOrder ? catOrder.indexOf(lowerB) : 0;
             const result = aIdx - bIdx;

scripts/wallet-examples.mjs

@@ -0,0 +1,34 @@
+import fs from 'fs';
+import path from 'path';
+
+const examplesPath = './docs/fuels-wallet/packages/docs/examples';
+const latestExamplesPath = './docs/latest/fuels-wallet/packages/docs/examples';
+
+const propToReplace = 'onPress';
+const replacementProp = 'onClick';
+
+const pattern = new RegExp(`\\b${propToReplace}\\s*=\\s*\\{([^}]+)\\}`, 'g');
+
+function replaceInFile(filePath) {
+  const content = fs.readFileSync(filePath, 'utf8');
+  const newContent = content.replace(pattern, `${replacementProp}={$1}`);
+  fs.writeFileSync(filePath, newContent);
+}
+
+function processDirectory(directory) {
+  const files = fs.readdirSync(directory);
+
+  files.forEach((fileName) => {
+    const filePath = path.join(directory, fileName);
+    const stat = fs.statSync(filePath);
+
+    if (stat.isDirectory()) {
+      processDirectory(filePath);
+    } else if (fileName.endsWith('.tsx')) {
+      replaceInFile(filePath);
+    }
+  });
+}
+
+processDirectory(examplesPath);
+processDirectory(latestExamplesPath);

src/components/FeedbackForm.tsx

@@ -292,6 +292,9 @@ const styles = {
   submit: cssObj({
     '&:hover': {
       backgroundColor: '$semanticSolidInfoBg !important',
+      'html[class="fuel_light-theme"] &': {
+        color: '$gray6',
+      },
     },
   }),
   helpful: cssObj({

src/components/Layout.tsx

@@ -104,6 +104,7 @@ const styles = {
       maxWidth: '1000px',
       width: '100vw',
       boxSizing: 'border-box',
+      margin: 'auto',
     },
 
     '@xl': {

src/styles/index.css

@@ -77,3 +77,7 @@ textarea {
 .form-textarea:focus {
   outline: 1px solid var(--colors-inputBaseBorder) !important;
 }
+
+select {
+  color: inherit !important;
+}