aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-04-18 21:19:44 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: add loading view to analytics

Browse Source
This commit is contained in:
Steven 2023-07-19 21:47:44 +08:00
parent c4f38f1de6
commit 57496c9b46
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/components/AnalyticsDialog.tsx
View File

@ -11,7 +11,7 @@ interface Props {
const AnalyticsDialog: React.FC<Props> = (props: Props) => { const AnalyticsDialog: React.FC<Props> = (props: Props) => {
const { shortcutId, onClose } = props; const { shortcutId, onClose } = props;
const [analytics, setAnalytics] = useState<AnalysisData | null>(null); const [analytics, setAnalytics] = useState<AnalysisData | null>(null);
const [selectedDeviceTab, setSelectedDeviceTab] = useState<"os" | "browser">("os"); const [selectedDeviceTab, setSelectedDeviceTab] = useState<"os" | "browser">("browser");
useEffect(() => { useEffect(() => {
api.getShortcutAnalytics(shortcutId).then(({ data }) => { api.getShortcutAnalytics(shortcutId).then(({ data }) => {
@ -118,7 +118,12 @@ const AnalyticsDialog: React.FC<Props> = (props: Props) => {
)} )}
</div> </div>
</> </>
) : null} ) : (
<div className="py-12 w-full flex flex-row justify-center items-center opacity-80">
<Icon.Loader className="mr-2 w-5 h-auto animate-spin" />
loading
</div>
)}
</div> </div>
</ModalDialog> </ModalDialog>
</Modal> </Modal>