Merge branch 'main' of github.com:FuelLabs/fuel-explorer into lf/feat/migrate-fuel-ui

Author: LuizAsFight

.github/workflows/helm-publish.yml

@@ -29,7 +29,7 @@ jobs:
         uses: bsord/helm-push@v4.1.0
         with:
           useOCIRegistry: true
-          registry-url: oci://ghcr.io/fuellabs/helmrelease
+          registry-url: oci://ghcr.io/fuellabs/helmcharts
           username: ${{ github.repository_owner }}
           access-token: ${{ secrets.GITHUB_TOKEN }}
           force: true

helm/fuel-explorer/Chart.yaml

@@ -15,7 +15,7 @@ type: application
 # This is the chart version. This version number should be incremented each time you make changes
 # to the chart and its templates, including the app version.
 # Versions are expected to follow Semantic Versioning (https://semver.org/)
-version: 0.1.1
+version: 0.1.3
 
 # This is the version number of the application being deployed. This version number should be
 # incremented each time you make changes to the application. Versions are not expected to

helm/fuel-explorer/templates/service.yaml

@@ -1,13 +1,15 @@
 apiVersion: v1
 kind: Service
 metadata:
-  name: { { include "fuel-explorer.fullname" . } }
-  labels: { { - include "fuel-explorer.labels" . | nindent 4 } }
+  name: {{ include "fuel-explorer.fullname" . }}
+  labels:
+    {{- include "fuel-explorer.labels" . | nindent 4 }}
 spec:
-  type: { { .Values.service.type } }
+  type: {{ .Values.service.type }}
   ports:
-    - port: { { .Values.service.port } }
+    - port: {{ .Values.service.port }}
       targetPort: http
       protocol: TCP
       name: http
-  selector: { { - include "fuel-explorer.selectorLabels" . | nindent 4 } }
+  selector:
+    {{- include "fuel-explorer.selectorLabels" . | nindent 4 }}

packages/app-explorer/src/systems/Core/components/JsonViewer/JsonViewer.tsx

@@ -1,5 +1,5 @@
 import type { BaseProps } from '@fuels/ui';
-import { cx, useRadixTheme } from '@fuels/ui';
+import { cx, useTheme } from '@fuels/ui';
 import {
   JsonView,
   collapseAllNested,
@@ -14,14 +14,14 @@ export type JsonViewerProps = BaseProps<{
 
 export function JsonViewer({ data, className, ...props }: JsonViewerProps) {
   const classes = styles();
-  const ctx = useRadixTheme();
+  const { theme } = useTheme();
   return (
     <JsonView
       data={data}
       shouldExpandNode={collapseAllNested}
       style={
         {
-          ...(ctx.appearance === 'dark' ? darkStyles : defaultStyles),
+          ...(theme === 'dark' ? darkStyles : defaultStyles),
           container: cx(classes.json(), className),
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
         } as any

packages/ui/src/components/Theme/useTheme.tsx

@@ -5,12 +5,13 @@ import { updateThemeAppearanceClass, useThemeContext } from '@radix-ui/themes';
 import { changeStorageTheme, getNextTheme, getStorageTheme } from './storage';
 
 export function useTheme() {
-  const { appearance: theme } = useThemeContext();
+  const { appearance: theme, onAppearanceChange } = useThemeContext();
 
   function toggleTheme() {
     const current = getStorageTheme();
     const next = getNextTheme(current);
     updateThemeAppearanceClass(next);
+    onAppearanceChange(next);
     changeStorageTheme(next);
   }