api.addCommunitySectionLink로 추가된 사이드바 링크를 편집하는 방법은 무엇인가요?

개발
4

컴포넌트/플러그인을 직접 덮어쓰는 경우에만 그렇습니다… 기존 섹션 내에서 순서를 변경하려는 경우, CSS를 사용하여 순서를 재배열하는 것이 가장 쉬울 것입니다.

#sidebar-section-content-community {
  display: flex;
  flex-direction: column;
  
  li {
    order: 2
  }
  
  [data-list-item-name="upcoming-events"] {
    order: 1
  }
}

항목을 “더 보기” 드로어로 이동하려면, 원본을 숨기고 별도의 컴포넌트에 복제하세요:

#sidebar-section-content-community {
  [data-list-item-name="upcoming-events"] {
    display: none;
  }
}

import { apiInitializer } from "discourse/lib/api";
import { i18n } from "discourse-i18n";

export default apiInitializer((api) => {
  const siteSettings = api.container.lookup("service:site-settings");
  if (
    siteSettings.discourse_post_event_enabled &&
    siteSettings.sidebar_show_upcoming_events
  ) {
    api.addCommunitySectionLink(
      {
        name: "custom-upcoming-events",
        route: "discourse-post-event-upcoming-events",
        text: i18n("discourse_post_event.upcoming_events.title"),
        title: i18n("discourse_post_event.upcoming_events.title"),
        icon: "calendar-days",
      },
      true,
    );
  }
});