Merge branches 'beta-5' and 'main' of github.com:FuelLabs/fuel-explorer into beta-5

Author: pedronauck

contracts/predicate/.env.example

@@ -1,3 +1 @@
-FUEL_PROVIDER_URL=https://beta-4.fuel.network/graphql
-PRIVATE_KEY=
-
+FUEL_PROVIDER_URL=https://beta-5.swayswap.io/graphql

contracts/predicate/scripts/run-predicate.ts

@@ -2,17 +2,17 @@ import { BaseAssetId, Predicate, Provider, Wallet, bn, hexlify } from 'fuels';
 import { promises as fs } from 'node:fs';
 import { resolve } from 'node:path';
 
-const { FUEL_PROVIDER_URL, PRIVATE_KEY } = process.env;
+const { FUEL_PROVIDER_BETA5, PRIVATE_KEY } = process.env;
 const BIN_PATH = resolve(__dirname, '../out/debug/predicate-app.bin');
 const AMOUNT = 300_000;
 
-if (!FUEL_PROVIDER_URL || !PRIVATE_KEY) {
+if (!FUEL_PROVIDER_BETA5 || !PRIVATE_KEY) {
   throw new Error('Missing some config on your .env file');
 }
 
 async function main() {
   const binHex = hexlify(await fs.readFile(BIN_PATH));
-  const provider = await Provider.create(FUEL_PROVIDER_URL!);
+  const provider = await Provider.create(FUEL_PROVIDER_BETA5!);
   const wallet = Wallet.fromPrivateKey(PRIVATE_KEY!, provider);
   const { minGasPrice: gasPrice } = wallet.provider.getGasConfig();
   const walletAddress = wallet.address.toB256();

deployment/Dockerfile

@@ -4,7 +4,7 @@ FROM node:20-slim AS base
 
 # Expose the ENVs to the env of the container
 ENV PORT="${PORT}"
-ENV FUEL_PROVIDER_URL="${FUEL_PROVIDER_URL}"
+ENV FUEL_PROVIDER_BETA5="${FUEL_PROVIDER_BETA5}"
 ENV PNPM_HOME="/pnpm"
 ENV PATH="$PNPM_HOME:$PATH"
 

packages/app-explorer/src/systems/Core/components/Search/SearchForm.tsx

@@ -10,9 +10,10 @@ import { styles } from './styles';
 type SearchFormProps = {
   className: string;
   autoFocus?: boolean;
+  expandOnFocus?: boolean;
 };
 
-export function SearchForm({ className, autoFocus }: SearchFormProps) {
+export function SearchForm({ className, autoFocus, expandOnFocus }: SearchFormProps) {
   const classes = styles();
   const [results, action] = useFormState(
     (_: SearchResult | null, formData: FormData) => {
@@ -29,6 +30,7 @@ export function SearchForm({ className, autoFocus }: SearchFormProps) {
         searchResult={results}
         autoFocus={autoFocus}
         onClear={onClear}
+        expandOnFocus={expandOnFocus}
       />
     </form>
   );