elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-22 11:08:35 +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 { nanoid } from 'nanoid';
import React, { createContext, useCallback, useEffect, useState, useMemo } from 'react'; import React, { createContext, useCallback, useEffect, useState, useMemo } from 'react';
import './Repl.css'; import './Repl.css';
import { Footer } from './Footer'; import { Panel } from './panel/Panel';
import { Header } from './Header'; import { Header } from './Header';
import { prebake } from './prebake.mjs'; import { prebake } from './prebake.mjs';
import * as tunes from './tunes.mjs'; import * as tunes from './tunes.mjs';
@ -321,12 +321,12 @@ export function Repl({ embedded = false }) {
onSelectionChange={handleSelectionChange} onSelectionChange={handleSelectionChange}
/> />
</section> </section>
{panelPosition === 'right' && !isEmbedded && <Footer context={context} />} {panelPosition === 'right' && !isEmbedded && <Panel context={context} />}
</div> </div>
{error && ( {error && (
<div className="text-red-500 p-4 bg-lineHighlight animate-pulse">{error.message || 'Unknown Error :-/'}</div> <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> </div>
</ReplContext.Provider> </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 { cx, useEvent } from '@strudel.cycles/react';
import { nanoid } from 'nanoid'; import { nanoid } from 'nanoid';
import React, { useCallback, useLayoutEffect, useRef, useState } from 'react'; import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
import { setActiveFooter, useSettings } from '../settings.mjs'; import { setActiveFooter, useSettings } from '../../settings.mjs';
import { ConsoleTab } from './panel/ConsoleTab'; import { ConsoleTab } from './ConsoleTab';
import { FilesTab } from './panel/FilesTab'; import { FilesTab } from './FilesTab';
import { Reference } from './panel/Reference'; import { Reference } from './Reference';
import { SettingsTab } from './panel/SettingsTab'; import { SettingsTab } from './SettingsTab';
import { SoundsTab } from './panel/SoundsTab'; import { SoundsTab } from './SoundsTab';
import { WelcomeTab } from './panel/WelcomeTab'; import { WelcomeTab } from './WelcomeTab';
const TAURI = window.__TAURI__; const TAURI = window.__TAURI__;
export function Footer({ context }) { export function Panel({ context }) {
const footerContent = useRef(); const footerContent = useRef();
const [log, setLog] = useState([]); const [log, setLog] = useState([]);
const { activeFooter, isZen, panelPosition } = useSettings(); const { activeFooter, isZen, panelPosition } = useSettings();