doesnm/quickshare
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(browser): move sha1 to hidden part

Browse source
This commit is contained in:
hexxa 2021-09-22 22:38:48 +08:00 • committed by Hexxa
parent 45da231c4d
commit d6495a90ad
1 changed files with 55 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

100
src/client/web/src/components/browser.tsx
View file

@ -230,7 +230,7 @@ export class Browser extends React.Component<Props, State, {}> {
if (refresh) { if (refresh) {
updater() updater()
.setItems(this.props.browser.dirPath) .setItems(this.props.browser.dirPath)
.then((ok:boolean) => { .then((ok: boolean) => {
this.update(updater().updateBrowser); this.update(updater().updateBrowser);
}); });
} else { } else {
@ -438,52 +438,62 @@ export class Browser extends React.Component<Props, State, {}> {
childrenStyles={List([{}, { justifyContent: "flex-end" }])} childrenStyles={List([{}, { justifyContent: "flex-end" }])}
/> />
) : ( ) : (
<Flexbox <div>
key={item.name}
children={List([
<span className="padding-m">
<Flexbox
children={List([
<RiFile2Fill size="3rem" className="cyan0-font margin-r-m" />,
<span className={`${nameCellClass}`}> <Flexbox
<a key={item.name}
className="title-m" children={List([
href={`/v1/fs/files?fp=${itemPath}`} <span className="padding-m">
target="_blank" <Flexbox
> children={List([
{item.name} <RiFile2Fill size="3rem" className="cyan0-font margin-r-m" />,
</a>
<div className="desc-m grey0-font">
<span>
{item.modTime.slice(0, item.modTime.indexOf("T"))}
</span>
&nbsp;/&nbsp;
<span>{FileSize(item.size, { round: 0 })}</span>
&nbsp;/&nbsp;
<span>{item.sha1}</span>
</div>
</span>,
])}
/>
</span>,
<span className="item-op padding-m"> <span className={`${nameCellClass}`}>
<button <a
type="button" className="title-m"
onClick={() => this.select(item.name)} href={`/v1/fs/files?fp=${itemPath}`}
className={`${isSelected ? "blue0-bg white-font" : "grey2-bg grey3-font" target="_blank"
}`} >
style={{ width: "8rem", display: "inline-block" }} {item.name}
> </a>
{isSelected <div className="desc-m grey0-font">
? this.props.msg.pkg.get("browser.deselect") <span>
: this.props.msg.pkg.get("browser.select")} {item.modTime.slice(0, item.modTime.indexOf("T"))}
</button> </span>
</span>, &nbsp;/&nbsp;
])} <span>{FileSize(item.size, { round: 0 })}</span>
childrenStyles={List([{}, { justifyContent: "flex-end" }])} </div>
/> </span>,
])}
/>
</span>,
<span className="item-op padding-m">
<button
type="button"
onClick={() => this.select(item.name)}
className={`${isSelected ? "blue0-bg white-font" : "grey2-bg grey3-font"
}`}
style={{ width: "8rem", display: "inline-block" }}
>
{isSelected
? this.props.msg.pkg.get("browser.deselect")
: this.props.msg.pkg.get("browser.select")}
</button>
</span>,
])}
childrenStyles={List([{}, { justifyContent: "flex-end" }])}
/>
<div
style={{
border: "dashed 1px #ccc",
padding: "1rem",
margin: "1rem",
}}
>
<span>{item.sha1}</span>
</div>
</div>
); );
}); });