[BUG] The buttons on the left panel are displayed incorrectly.

[bav2653]

If all buttons are enabled, they are displayed incorrectly on the left panel. This is noticeable when the program is restarted.

Another extension, "Commander", helps me solve this problem.

Obsidian_rB6TqK8R2o_1222.mp4

[doug-w]

The issue is in configureRibbonIcons:

  private configureRibbonIcons() {
    this.ribbonEl?.detach();

    const configuredGranularities = this.calendarSetManager.getActiveGranularities();
    if (configuredGranularities.length) {
      const granularity = configuredGranularities[0];
      const config = displayConfigs[granularity];
      this.ribbonEl = this.addRibbonIcon(
        `calendar-${granularity}`,
        config.labelOpenPresent,
        (e: MouseEvent) => {
          if (e.type !== "auxclick") {
            this.openPeriodicNote(granularity, window.moment(), {
              inNewSplit: isMetaPressed(e),
            });
          }
        }
      );
      this.ribbonEl.addEventListener("contextmenu", (e: MouseEvent) => {
        e.preventDefault();
        showFileMenu(this.app, this, {
          x: e.pageX,
          y: e.pageY,
        });
      });
    }
  }

it only looks at configuredGranularities[0] and so only the first active Granularity is added after the Layout is ready. I've worked around this with 2 active configurations one with daily/weekly the other weekly only, and a hotkey to swap between them. After load I push that. ribbonEl isn't an array so I didn't easily fix this.