Kieran/snort
5
14
Fork 14
Code Issues 37 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

Fix format

Browse Source
This commit is contained in:
Lukas Jakob 2023-02-27 09:53:44 -06:00
parent 4e9408ee3e
commit b1e7a202f3
2 changed files with 6 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/app/src/Element/AsyncButton.tsx
View File

@ -8,25 +8,19 @@ interface AsyncButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
} }
interface LoaderProps { interface LoaderProps {
className: string className: string;
} }
const Loader = ({ className }: LoaderProps ) => ( const Loader = ({ className }: LoaderProps) => (
<div className={className}> <div className={className}>
<svg <svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
width="13"
height="14"
viewBox="0 0 13 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path <path
d="M4.38798 12.616C3.36313 12.2306 2.46328 11.5721 1.78592 10.7118C1.10856 9.85153 0.679515 8.82231 0.545268 7.73564C0.411022 6.64897 0.576691 5.54628 1.02433 4.54704C1.47197 3.54779 2.1845 2.69009 3.08475 2.06684C3.98499 1.4436 5.03862 1.07858 6.13148 1.01133C7.22435 0.944078 8.31478 1.17716 9.28464 1.68533C10.2545 2.19349 11.0668 2.95736 11.6336 3.89419C12.2004 4.83101 12.5 5.90507 12.5 7" d="M4.38798 12.616C3.36313 12.2306 2.46328 11.5721 1.78592 10.7118C1.10856 9.85153 0.679515 8.82231 0.545268 7.73564C0.411022 6.64897 0.576691 5.54628 1.02433 4.54704C1.47197 3.54779 2.1845 2.69009 3.08475 2.06684C3.98499 1.4436 5.03862 1.07858 6.13148 1.01133C7.22435 0.944078 8.31478 1.17716 9.28464 1.68533C10.2545 2.19349 11.0668 2.95736 11.6336 3.89419C12.2004 4.83101 12.5 5.90507 12.5 7"
stroke="white" stroke="white"
/> />
</svg> </svg>
</div> </div>
) );
export default function AsyncButton(props: AsyncButtonProps) { export default function AsyncButton(props: AsyncButtonProps) {
const [loading, setLoading] = useState<boolean>(false); const [loading, setLoading] = useState<boolean>(false);
@ -48,7 +42,7 @@ export default function AsyncButton(props: AsyncButtonProps) {
return ( return (
<button type="button" disabled={loading || props.disabled} {...props} onClick={handle}> <button type="button" disabled={loading || props.disabled} {...props} onClick={handle}>
<span style={{visibility: (loading ? "hidden" : "visible")}}>{props.children}</span> <span style={{ visibility: loading ? "hidden" : "visible" }}>{props.children}</span>
{loading && <Loader className="spinner" />} {loading && <Loader className="spinner" />}
</button> </button>
); );

2
packages/app/src/Pages/settings/Profile.tsx
View File

@ -16,7 +16,7 @@ import { HexKey } from "@snort/nostr";
import useFileUpload from "Upload"; import useFileUpload from "Upload";
import messages from "./messages"; import messages from "./messages";
import AsyncButton from '../../Element/AsyncButton'; import AsyncButton from "../../Element/AsyncButton";
export interface ProfileSettingsProps { export interface ProfileSettingsProps {
avatar?: boolean; avatar?: boolean;