remove current version check in about modal (not implemented). text not selectable (except for version)

This commit is contained in:
sawka 2023-11-07 01:24:35 -08:00
parent 80675f8c0f
commit d076fc0c72
2 changed files with 14 additions and 3 deletions

View File

@ -546,3 +546,7 @@ a.a-block {
.unselectable { .unselectable {
user-select: none; user-select: none;
} }
.text-selectable {
user-select: text;
}

View File

@ -369,6 +369,13 @@ class AboutModal extends React.Component<{}, {}> {
@boundMethod @boundMethod
getStatus(isUpToDate: boolean): JSX.Element { getStatus(isUpToDate: boolean): JSX.Element {
// TODO no up-to-date status reporting
return (
<div className="status updated">
<div className="text-selectable">Client Version v0.4.0 20231016-110014</div>
</div>
);
if (isUpToDate) { if (isUpToDate) {
return ( return (
<div className="status updated"> <div className="status updated">
@ -376,7 +383,7 @@ class AboutModal extends React.Component<{}, {}> {
<i className="fa-sharp fa-solid fa-circle-check" /> <i className="fa-sharp fa-solid fa-circle-check" />
<span>Up to Date</span> <span>Up to Date</span>
</div> </div>
<div>Client Version v0.4.0 20231016-110014</div> <div className="selectable">Client Version v0.4.0 20231016-110014</div>
</div> </div>
); );
} }
@ -386,7 +393,7 @@ class AboutModal extends React.Component<{}, {}> {
<i className="fa-sharp fa-solid fa-triangle-exclamation" /> <i className="fa-sharp fa-solid fa-triangle-exclamation" />
<span>Outdated Version</span> <span>Outdated Version</span>
</div> </div>
<div>Client Version v0.4.0 20231016-110014</div> <div className="selectable">Client Version v0.4.0 20231016-110014</div>
<div> <div>
<button onClick={this.updateApp} className="button color-green text-secondary"> <button onClick={this.updateApp} className="button color-green text-secondary">
Update Update
@ -400,7 +407,7 @@ class AboutModal extends React.Component<{}, {}> {
return ( return (
<div className={cn("modal about-modal wave-modal is-active")}> <div className={cn("modal about-modal wave-modal is-active")}>
<div className="modal-background" /> <div className="modal-background" />
<div className="modal-content about-modal-content"> <div className="modal-content about-modal-content unselectable">
<div className="modal-content-wrapper"> <div className="modal-content-wrapper">
<header className="common-header"> <header className="common-header">
<div className="modal-title">About</div> <div className="modal-title">About</div>