@bbki.ng/site 5.8.3 → 5.8.5

package/src/plugins/store/components/storeIcon.tsx

@@ -0,0 +1,16 @@
+import { Link } from '@bbki.ng/ui';
+
+const CupIcon = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16">
+    <path d="M8.75 8h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-.75.75h-6.5a.75.75 0 0 1-.75-.75v-6.5A.75.75 0 0 1 8.75 8Zm.75 6.5h5v-5h-5Z"></path>
+    <path d="M15.25 1a.75.75 0 0 1 .75.75V4h2.25c.966 0 1.75.784 1.75 1.75V8h2.25a.75.75 0 0 1 0 1.5H20v5h2.25a.75.75 0 0 1 0 1.5H20v2.25A1.75 1.75 0 0 1 18.25 20H16v2.25a.75.75 0 0 1-1.5 0V20h-5v2.25a.75.75 0 0 1-1.5 0V20H5.75A1.75 1.75 0 0 1 4 18.25V16H1.75a.75.75 0 0 1 0-1.5H4v-5H1.75a.75.75 0 0 1 0-1.5H4V5.75C4 4.784 4.784 4 5.75 4H8V1.75a.75.75 0 0 1 1.5 0V4h5V1.75a.75.75 0 0 1 .75-.75Zm3 17.5a.25.25 0 0 0 .25-.25V5.75a.25.25 0 0 0-.25-.25H5.75a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25Z"></path>
+  </svg>
+);
+
+export const StoreIcon = () => {
+  return (
+    <Link to="/store" className="flex items-center">
+      <CupIcon />
+    </Link>
+  );
+};

package/src/plugins/store/index.ts

@@ -2,6 +2,8 @@ import { BBPlugin } from '#/core/plugin-system/bbplugin';
 import { IHostContext } from '#/types/hostApi';
 import { PluginID } from '#/types/plugin';
 
+import { ArrowCom } from './components/ArrowCom';
+import { StoreIcon } from './components/storeIcon';
 import { StorePage } from './components/storePage';
 import { StoreCtx } from './context';
 
@@ -20,10 +22,13 @@ export class StorePlugin extends BBPlugin {
       return;
     }
 
+    systemUIService.registerSlot('nav-right', StoreIcon, this.id);
+
+    systemUIService.registerSlot('centerEntryArea', ArrowCom, this.id);
+
     systemUIService.registerPluginEntry(
       {
         path: '/store',
-        label: 'cd ./store',
         pageComponent: StoreCtx.withCtx(
           {
             install: ctx.store?.installPlugin || (async () => false),

package/src/types/slots.ts

@@ -1,20 +1,3 @@
-export type SlotName =
-  | 'leftCol'
-  | 'rightCol'
-  | 'articleActionRow'
-  | 'logo'
-  | 'route'
-  | 'pageFooter'
-  | 'articleTitle';
-
-export type HookPoint =
-  | 'filterPosts'
-  | 'transformPostContent'
-  | 'transformBreadcrumbPath'
-  | 'transformTitleList'
-  | 'extendedRoutes'
-  | 'transformCoverEntry';
-
 export interface IComPropsRegisteredToSlot {
   data: unknown;
 }

package/src/utils/index.tsx

@@ -1,20 +0,0 @@
-import { PathRouteProps } from 'react-router-dom';
-import React from 'react';
-
-import { IPluginEntry } from '#/types/plugin';
-import { IComPropsRegisteredToSlot } from '#/types/slots';
-
-export const buildEntrySlotCom = (entry: IPluginEntry) => {
-  const Component = (props: IComPropsRegisteredToSlot) => {
-    const route = props.data as Omit<PathRouteProps, 'element'>;
-    if (route.path === entry.path) {
-      const Com = entry.pageComponent;
-      return <Com data={props.data} />;
-    }
-    return null;
-  };
-
-  Component.displayName = `EntrySlotCom(${entry.path})`;
-
-  return Component;
-};