StarMC/Astral-nook
StarMC/Astral-nook
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add support for creating a new file

Browse source
This commit is contained in:
Dane Everitt 2019-12-21 16:38:40 -08:00
parent d75073116f
commit e784218645
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
6 changed files with 116 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

17
resources/scripts/components/server/files/FileManagerBreadcrumbs.tsx
View file

@ -1,8 +1,14 @@
import React, { useEffect, useState } from 'react';
import { ServerContext } from '@/state/server';
import { NavLink } from 'react-router-dom';
import { NavLink, useParams } from 'react-router-dom';
export default ({ withinFileEditor }: { withinFileEditor?: boolean }) => {
interface Props {
withinFileEditor?: boolean;
isNewFile?: boolean;
}
export default ({ withinFileEditor, isNewFile }: Props) => {
const { action } = useParams();
const [ file, setFile ] = useState<string | null>(null);
const id = ServerContext.useStoreState(state => state.server.data!.id);
const directory = ServerContext.useStoreState(state => state.files.directory);
@ -11,12 +17,12 @@ export default ({ withinFileEditor }: { withinFileEditor?: boolean }) => {
useEffect(() => {
const parts = window.location.hash.replace(/^#(\/)*/, '/').split('/');
if (withinFileEditor) {
if (withinFileEditor && !isNewFile) {
setFile(parts.pop() || null);
}
setDirectory(parts.join('/'));
}, [ withinFileEditor, setDirectory ]);
}, [ withinFileEditor, isNewFile, setDirectory ]);
const breadcrumbs = (): { name: string; path?: string }[] => directory.split('/')
.filter(directory => !!directory)
@ -28,6 +34,9 @@ export default ({ withinFileEditor }: { withinFileEditor?: boolean }) => {
return { name: directory, path: `/${dirs.slice(0, index + 1).join('/')}` };
});
if (withinFileEditor)
console.log(breadcrumbs());
return (
<div className={'flex items-center text-sm mb-4 text-neutral-500'}>
/<span className={'px-1 text-neutral-300'}>home</span>/