From 801879bddf5e66503703018a7c75d08c3d851f60 Mon Sep 17 00:00:00 2001
From: Felix Roos <flix91@gmail.com>
Date: Wed, 23 Oct 2024 01:17:18 +0200
Subject: [PATCH] use fontFamily + fontSize from settings in console

---
 .../src/repl/components/panel/ConsoleTab.jsx    | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/website/src/repl/components/panel/ConsoleTab.jsx b/website/src/repl/components/panel/ConsoleTab.jsx
index 409da05e5..b02227b9c 100644
--- a/website/src/repl/components/panel/ConsoleTab.jsx
+++ b/website/src/repl/components/panel/ConsoleTab.jsx
@@ -3,9 +3,11 @@ import useEvent from '@src/useEvent.mjs';
 import cx from '@src/cx.mjs';
 import { nanoid } from 'nanoid';
 import { useCallback, useState } from 'react';
+import { useSettings } from '../../../settings.mjs';
 
 export function ConsoleTab() {
   const [log, setLog] = useState([]);
+  const { fontFamily, fontSize } = useSettings();
   useLogger(
     useCallback((e) => {
       const { message, type, data } = e.detail;
@@ -27,19 +29,14 @@ export function ConsoleTab() {
     }, []),
   );
   return (
-    <div id="console-tab" className="break-all px-4 dark:text-white text-stone-900 text-sm py-2 space-y-1">
-      {!log.length && (
-        <pre aria-hidden="true">{`███████╗████████╗██████╗ ██╗   ██╗██████╗ ███████╗██╗     
-██╔════╝╚══██╔══╝██╔══██╗██║   ██║██╔══██╗██╔════╝██║     
-███████╗   ██║   ██████╔╝██║   ██║██║  ██║█████╗  ██║     
-╚════██║   ██║   ██╔══██╗██║   ██║██║  ██║██╔══╝  ██║     
-███████║   ██║   ██║  ██║╚██████╔╝██████╔╝███████╗███████╗
-╚══════╝   ╚═╝   ╚═╝  ╚═╝ ╚═════╝ ╚═════╝ ╚══════╝╚══════╝`}</pre>
-      )}
+    <div
+      id="console-tab"
+      className="break-all px-4 dark:text-white text-stone-900 text-sm py-2 space-y-1"
+      style={{ fontFamily, fontSize }}
+    >
       {log.map((l, i) => {
         const message = linkify(l.message);
         const color = l.data?.hap?.value?.color;
-        console.log('color', color);
         return (
           <div
             key={l.id}