تم تحديث أيقونة رأس مخصص: إرسال بيانات المشاركة عبر URL

مطور
5

مرحباً @Arkshine،

شكراً جزيلاً لك على الشرح المفصل. لقد حاولت حقن الكود في <head> ولكنني لا أرى الأيقونة تظهر. ماذا فعلت بشكل خاطئ؟

<script type="text/discourse-plugin">
    import { apiInitializer } from "discourse/lib/api";
    import DButton from "discourse/components/d-button";
    
    export default apiInitializer("1.8.0", (api) => {
      const currentUser = api.getCurrentUser();
    
      if (!currentUser) {
        return;
      }
    
      const url =
        "https://example.com/?u=" + encodeURIComponent(currentUser.username);
      console.log("url: " + url)
      const iconComponent = <template>
        <li class="calculator">
          <DButton
            @href={{url}}
            @icon="calculator"
            class="icon btn-flat"
            title="Calculator"
            target="_blank"
          />
        </li>
      </template>;
    
      api.headerIcons.add("calculator", iconComponent, { before: "search" });
    });    
</script>
إعجاب واحد (1)