elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-12 06:08:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

rename footer -> panel

Browse Source
This commit is contained in:
Felix Roos 2023-08-19 00:20:46 +02:00
parent 5be1004292
commit 4e7e715f10
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
website/src/repl/Repl.jsx
View File

@ -19,7 +19,7 @@ import { createClient } from '@supabase/supabase-js';
import { nanoid } from 'nanoid';
import React, { createContext, useCallback, useEffect, useState, useMemo } from 'react';
import './Repl.css';
import { Footer } from './Footer';
import { Panel } from './panel/Panel';
import { Header } from './Header';
import { prebake } from './prebake.mjs';
import * as tunes from './tunes.mjs';
@ -321,12 +321,12 @@ export function Repl({ embedded = false }) {
onSelectionChange={handleSelectionChange}
/>
</section>
{panelPosition === 'right' && !isEmbedded && <Footer context={context} />}
{panelPosition === 'right' && !isEmbedded && <Panel context={context} />}
</div>
{error && (
<div className="text-red-500 p-4 bg-lineHighlight animate-pulse">{error.message || 'Unknown Error :-/'}</div>
)}
{panelPosition === 'bottom' && !isEmbedded && <Footer context={context} />}
{panelPosition === 'bottom' && !isEmbedded && <Panel context={context} />}
</div>
</ReplContext.Provider>
);

16
website/src/repl/Footer.jsx → website/src/repl/panel/Panel.jsx
View File

@ -3,17 +3,17 @@ import { logger } from '@strudel.cycles/core';
import { cx, useEvent } from '@strudel.cycles/react';
import { nanoid } from 'nanoid';
import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
import { setActiveFooter, useSettings } from '../settings.mjs';
import { ConsoleTab } from './panel/ConsoleTab';
import { FilesTab } from './panel/FilesTab';
import { Reference } from './panel/Reference';
import { SettingsTab } from './panel/SettingsTab';
import { SoundsTab } from './panel/SoundsTab';
import { WelcomeTab } from './panel/WelcomeTab';
import { setActiveFooter, useSettings } from '../../settings.mjs';
import { ConsoleTab } from './ConsoleTab';
import { FilesTab } from './FilesTab';
import { Reference } from './Reference';
import { SettingsTab } from './SettingsTab';
import { SoundsTab } from './SoundsTab';
import { WelcomeTab } from './WelcomeTab';
const TAURI = window.__TAURI__;
export function Footer({ context }) {
export function Panel({ context }) {
const footerContent = useRef();
const [log, setLog] = useState([]);
const { activeFooter, isZen, panelPosition } = useSettings();