From 6e30673164b41ecd2597e7d288930b2e17801364 Mon Sep 17 00:00:00 2001
From: Steffen Kolmer <steffen@kolmer.net>
Date: Fri, 27 Aug 2021 19:23:26 +0200
Subject: [PATCH] Show spinner if user id is missing in event tile preview

---
 src/components/views/elements/EventTilePreview.tsx            | 3 +++
 .../views/settings/tabs/user/AppearanceUserSettingsTab.tsx    | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/views/elements/EventTilePreview.tsx b/src/components/views/elements/EventTilePreview.tsx
index 68a70133e6..d1386b63f4 100644
--- a/src/components/views/elements/EventTilePreview.tsx
+++ b/src/components/views/elements/EventTilePreview.tsx
@@ -25,6 +25,7 @@ import SettingsStore from "../../../settings/SettingsStore";
 import { Layout } from "../../../settings/Layout";
 import { UIFeature } from "../../../settings/UIFeature";
 import { replaceableComponent } from "../../../utils/replaceableComponent";
+import InlineSpinner from './InlineSpinner';
 
 interface IProps {
     /**
@@ -118,6 +119,8 @@ export default class EventTilePreview extends React.Component<IProps, IState> {
     }
 
     public render() {
+        if (!this.props.userId) return <div style={{ paddingTop: '9px' }}><InlineSpinner /></div>;
+
         const event = this.fakeEvent(this.state);
 
         const className = classnames(this.props.className, {
diff --git a/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx b/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx
index cbf0b7916c..47c0f712bd 100644
--- a/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx
+++ b/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx
@@ -92,8 +92,8 @@ export default class AppearanceUserSettingsTab extends React.Component<IProps, I
             systemFont: SettingsStore.getValue("systemFont"),
             showAdvanced: false,
             layout: SettingsStore.getValue("layout"),
-            userId: "@erim:fink.fink",
-            displayName: "Erimayas Fink",
+            userId: null,
+            displayName: null,
             avatarUrl: null,
         };
     }