From 4fa269d75e0e53ea06453156b937a01735bddb16 Mon Sep 17 00:00:00 2001 From: SpikeHD Date: Wed, 11 May 2022 21:22:11 -0700 Subject: [PATCH] Better statuses --- src/ui/components/MiniDialog.css | 4 ++++ src/ui/components/common/ProgressBar.css | 1 + src/ui/components/common/ProgressBar.tsx | 4 +++- src/utils/string.ts | 3 +++ 4 files changed, 11 insertions(+), 1 deletion(-) create mode 100644 src/utils/string.ts diff --git a/src/ui/components/MiniDialog.css b/src/ui/components/MiniDialog.css index f05d658..d416331 100644 --- a/src/ui/components/MiniDialog.css +++ b/src/ui/components/MiniDialog.css @@ -32,3 +32,7 @@ .MiniDialogTop:hover { cursor: pointer; } + +.MiniDialog .ProgressText { + color: #000; +} \ No newline at end of file diff --git a/src/ui/components/common/ProgressBar.css b/src/ui/components/common/ProgressBar.css index 63e1b0c..a6e5c69 100644 --- a/src/ui/components/common/ProgressBar.css +++ b/src/ui/components/common/ProgressBar.css @@ -24,4 +24,5 @@ .ProgressText { color: #c5c5c5; + padding: 0px 10px; } \ No newline at end of file diff --git a/src/ui/components/common/ProgressBar.tsx b/src/ui/components/common/ProgressBar.tsx index 66b637b..499e6f6 100644 --- a/src/ui/components/common/ProgressBar.tsx +++ b/src/ui/components/common/ProgressBar.tsx @@ -1,4 +1,6 @@ import React from 'react' +import { capitalize } from '../../../utils/string' + import './ProgressBar.css' interface IProps { @@ -61,7 +63,7 @@ export default class ProgressBar extends React.Component {
- {this.state.status} + {capitalize(this.state.status)}
) diff --git a/src/utils/string.ts b/src/utils/string.ts new file mode 100644 index 0000000..b87f234 --- /dev/null +++ b/src/utils/string.ts @@ -0,0 +1,3 @@ +export function capitalize(str: string) { + return str.charAt(0).toUpperCase() + str.slice(1) +} \ No newline at end of file