#365 - FIx for the spinner

CHANGELOG.md

@@ -22,6 +22,7 @@
 - [#356](https://github.com/estruyf/vscode-front-matter/issues/356): Re-introduce the `labelField` to the `frontMatter.taxonomy.fieldGroups` setting
 - [#358](https://github.com/estruyf/vscode-front-matter/issues/358): Fix for relative path of the public folder
 - [#364](https://github.com/estruyf/vscode-front-matter/issues/364): Honour file ending rules in data files
+- [#365](https://github.com/estruyf/vscode-front-matter/issues/365): Show spinner on the initial load of the content dashboard
 
 ## [7.3.4] - 2022-06-13
 

src/commands/Dashboard.ts

@@ -1,4 +1,4 @@
-import { SETTING_DASHBOARD_OPENONSTART, CONTEXT } from '../constants';
+import { SETTING_DASHBOARD_OPENONSTART, CONTEXT, ExtensionState } from '../constants';
 import { join } from "path";
 import { commands, Uri, ViewColumn, Webview, WebviewPanel, window } from "vscode";
 import { Logger, Settings as SettingsHelper } from '../helpers';
@@ -74,6 +74,7 @@ export class Dashboard {
   public static reload() {
     if (Dashboard.isOpen) {
       Dashboard.webview?.dispose();
+      Extension.getInstance().setState(ExtensionState.Dashboard.Pages.Cache, undefined, "workspace")
 
       setTimeout(() => {
         Dashboard.open();

src/dashboardWebView/components/Steps/StepsToGetStarted.tsx

@@ -48,6 +48,7 @@ export const StepsToGetStarted: React.FunctionComponent<IStepsToGetStartedProps>
 
   const reload = () => {
     const crntState: any = Messenger.getState() || {};
+    
     Messenger.setState({
       ...crntState,
       isWelcomeConfiguring: false

src/dashboardWebView/hooks/useMessages.tsx

@@ -21,6 +21,8 @@ export default function useMessages() {
   Messenger.listen((event: MessageEvent<EventData<any>>) => {
     const message = event.data;
 
+    console.log(`Received message:`, message);
+
     switch (message.command) {
       case DashboardCommand.loading:
         setLoading(message.data);