chore: formatting
This commit is contained in:
parent
4f49341581
commit
d4ca14e0f7
@ -82,10 +82,7 @@ const FileEventEditor = ({ data }: { data: FileEventData }) => {
|
|||||||
placeholder="Caption"
|
placeholder="Caption"
|
||||||
></textarea>
|
></textarea>
|
||||||
<span className="font-bold">URL</span>
|
<span className="font-bold">URL</span>
|
||||||
<textarea
|
<textarea value={fileEventData.url.join('\n')} className="textarea" placeholder="URL" />
|
||||||
value={fileEventData.url.join('\n')}
|
|
||||||
className="textarea"
|
|
||||||
placeholder="URL"/>
|
|
||||||
<button className="btn btn-primary" onClick={() => publishFileEvent(fileEventData)}>
|
<button className="btn btn-primary" onClick={() => publishFileEvent(fileEventData)}>
|
||||||
Publish
|
Publish
|
||||||
</button>
|
</button>
|
||||||
|
@ -55,7 +55,7 @@ const Server = ({
|
|||||||
</div>
|
</div>
|
||||||
{serverInfo.isError ? (
|
{serverInfo.isError ? (
|
||||||
<div className="badge badge-error">
|
<div className="badge badge-error">
|
||||||
<ExclamationTriangleIcon className='w-4 mr-2'/> Error connecting to server
|
<ExclamationTriangleIcon className="w-4 mr-2" /> Error connecting to server
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<div className="server-stats">
|
<div className="server-stats">
|
||||||
|
@ -22,7 +22,7 @@ export const ServerList = ({
|
|||||||
onTransfer,
|
onTransfer,
|
||||||
onCancel,
|
onCancel,
|
||||||
title,
|
title,
|
||||||
showAddButton = false
|
showAddButton = false,
|
||||||
}: ServerListProps) => {
|
}: ServerListProps) => {
|
||||||
const { serverInfo, distribution } = useServerInfo();
|
const { serverInfo, distribution } = useServerInfo();
|
||||||
const blobsWithOnlyOneOccurance = Object.values(distribution)
|
const blobsWithOnlyOneOccurance = Object.values(distribution)
|
||||||
@ -33,11 +33,14 @@ export const ServerList = ({
|
|||||||
<>
|
<>
|
||||||
<div className={`server-list-header ${!title ? 'justify-end' : ''}`}>
|
<div className={`server-list-header ${!title ? 'justify-end' : ''}`}>
|
||||||
{title && <h2>{title}</h2>}
|
{title && <h2>{title}</h2>}
|
||||||
{showAddButton && <div className="content-center">
|
{showAddButton && (
|
||||||
<button onClick={() => {}} className='flex flex-row gap-2' title="Add server">
|
<div className="content-center">
|
||||||
<PlusIcon/><ServerIcon />
|
<button onClick={() => {}} className="flex flex-row gap-2" title="Add server">
|
||||||
|
<PlusIcon />
|
||||||
|
<ServerIcon />
|
||||||
</button>
|
</button>
|
||||||
</div>}
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="server-list">
|
<div className="server-list">
|
||||||
|
@ -11,7 +11,7 @@ const ThemeSwitcher = () => {
|
|||||||
document.querySelector('html')?.setAttribute('data-theme', theme);
|
document.querySelector('html')?.setAttribute('data-theme', theme);
|
||||||
}, [theme]);
|
}, [theme]);
|
||||||
return (
|
return (
|
||||||
<div className='tooltip tooltip-bottom' data-tip="Switch theme">
|
<div className="tooltip tooltip-bottom" data-tip="Switch theme">
|
||||||
<label className="swap swap-rotate">
|
<label className="swap swap-rotate">
|
||||||
<input onClick={toggleTheme} type="checkbox" />
|
<input onClick={toggleTheme} type="checkbox" />
|
||||||
<MoonIcon className="tooltip swap-on" />
|
<MoonIcon className="tooltip swap-on" />
|
||||||
|
@ -1,4 +1,3 @@
|
|||||||
|
|
||||||
function Check() {
|
function Check() {
|
||||||
/*
|
/*
|
||||||
const { serverInfo } = useServerInfo();
|
const { serverInfo } = useServerInfo();
|
||||||
|
@ -29,4 +29,3 @@
|
|||||||
.error-log div span {
|
.error-log div span {
|
||||||
@apply overflow-ellipsis overflow-hidden text-nowrap;
|
@apply overflow-ellipsis overflow-hidden text-nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -106,7 +106,11 @@ export const Transfer = () => {
|
|||||||
<ServerList
|
<ServerList
|
||||||
servers={Object.values(serverInfo).filter(s => s.name == transferSource)}
|
servers={Object.values(serverInfo).filter(s => s.name == transferSource)}
|
||||||
onCancel={() => closeTransferMode()}
|
onCancel={() => closeTransferMode()}
|
||||||
title={<><ArrowUpOnSquareIcon /> Transfer Source</>}
|
title={
|
||||||
|
<>
|
||||||
|
<ArrowUpOnSquareIcon /> Transfer Source
|
||||||
|
</>
|
||||||
|
}
|
||||||
></ServerList>
|
></ServerList>
|
||||||
<ServerList
|
<ServerList
|
||||||
servers={Object.values(serverInfo)
|
servers={Object.values(serverInfo)
|
||||||
@ -114,7 +118,11 @@ export const Transfer = () => {
|
|||||||
.sort()}
|
.sort()}
|
||||||
selectedServer={transferTarget}
|
selectedServer={transferTarget}
|
||||||
setSelectedServer={setTransferTarget}
|
setSelectedServer={setTransferTarget}
|
||||||
title={<><ArrowDownOnSquareIcon /> Transfer Target</>}
|
title={
|
||||||
|
<>
|
||||||
|
<ArrowDownOnSquareIcon /> Transfer Target
|
||||||
|
</>
|
||||||
|
}
|
||||||
></ServerList>
|
></ServerList>
|
||||||
{transferTarget && transferJobs && transferJobs.length > 0 ? (
|
{transferTarget && transferJobs && transferJobs.length > 0 ? (
|
||||||
<>
|
<>
|
||||||
|
@ -136,7 +136,9 @@ function Upload() {
|
|||||||
fileDimensions[file.name] = {
|
fileDimensions[file.name] = {
|
||||||
...fileDimensions[file.name],
|
...fileDimensions[file.name],
|
||||||
x: newBlob.sha256,
|
x: newBlob.sha256,
|
||||||
url: primary ? [newBlob.url, ...fileDimensions[file.name].url] : [...fileDimensions[file.name].url, newBlob.url],
|
url: primary
|
||||||
|
? [newBlob.url, ...fileDimensions[file.name].url]
|
||||||
|
: [...fileDimensions[file.name].url, newBlob.url],
|
||||||
size: newBlob.size,
|
size: newBlob.size,
|
||||||
m: newBlob.type,
|
m: newBlob.type,
|
||||||
};
|
};
|
||||||
|
@ -25,16 +25,12 @@ console.log(allXTags);
|
|||||||
}, [fileMetaSub.events]);
|
}, [fileMetaSub.events]);
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
const fileMetaEventsByHash = useMemo(() => {
|
||||||
const fileMetaEventsByHash = useMemo(
|
|
||||||
() => {
|
|
||||||
const allXTags = fileMetaSub.events.flatMap(ev => ev.tags.filter(t => t[0] == 'x').flatMap(t => ({ x: t[1], ev })));
|
const allXTags = fileMetaSub.events.flatMap(ev => ev.tags.filter(t => t[0] == 'x').flatMap(t => ({ x: t[1], ev })));
|
||||||
const groupedByX = groupBy(allXTags, item => item.x);
|
const groupedByX = groupBy(allXTags, item => item.x);
|
||||||
return mapValues(groupedByX, v => v.map(e => e.ev));
|
return mapValues(groupedByX, v => v.map(e => e.ev));
|
||||||
},
|
}, [fileMetaSub]);
|
||||||
[fileMetaSub]
|
console.log(fileMetaEventsByHash);
|
||||||
);
|
|
||||||
console.log(fileMetaEventsByHash)
|
|
||||||
|
|
||||||
return fileMetaEventsByHash;
|
return fileMetaEventsByHash;
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user