@bbki.ng/site 1.5.10 → 1.5.12

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @bbki.ng/site
 
+## 1.5.12
+
+## 1.5.11
+
 ## 1.5.10
 
 ## 1.5.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/site",
-  "version": "1.5.10",
+  "version": "1.5.12",
   "description": "code behind bbki.ng",
   "main": "index.js",
   "scripts": {
@@ -16,7 +16,7 @@
     "url": "git+https://github.com/bbbottle/bbki.ng.git"
   },
   "dependencies": {
-    "@bbki.ng/components": "workspace:2.4.8",
+    "@bbki.ng/components": "workspace:2.4.9",
     "@supabase/supabase-js": "^1.35.4",
     "classnames": "2.3.1",
     "react": "^18.0.0",
@@ -28,7 +28,7 @@
     "swr": "^2.2.5"
   },
   "devDependencies": {
-    "@bbki.ng/stylebase": "workspace:0.3.8",
+    "@bbki.ng/stylebase": "workspace:0.3.9",
     "@mdx-js/mdx": "2.0.0-next.9",
     "@mdx-js/react": "^1.6.22",
     "@mdx-js/rollup": "3.0.0",

package/src/app.tsx

@@ -22,7 +22,7 @@ import {
 } from "@/global_loading_state_provider";
 import { UploadPage } from "@/pages/upload";
 import { AppCtxMenu } from "@/components/app_ctx_menu";
-import { Pochacco } from "@/components/Pochacco";
+import { Pochacco, PochaccoPose } from "@/components/Pochacco/Pochacco";
 import { Role, useRole } from "@/hooks/use_role";
 
 const Layout = () => {
@@ -38,7 +38,9 @@ const Layout = () => {
               paths={usePaths()}
               className="blur-cover select-none"
               loading={isLoading}
-              customLogo={isQueen ? <Pochacco /> : null}
+              customLogo={
+                isQueen ? <Pochacco pose={PochaccoPose.Watching} /> : null
+              }
             />
           </AppCtxMenu>
         }

package/src/components/Pochacco/Pochacco.tsx

@@ -0,0 +1,23 @@
+import React from "react";
+import { Watch } from "@/components/Pochacco/watch";
+import { Idle } from "@/components/Pochacco/idle";
+
+export enum PochaccoPose {
+  Idle = "idle",
+  Watching = "watching",
+}
+
+export type PochaccoProps = {
+  size?: number;
+  pose?: PochaccoPose;
+};
+
+export const Pochacco = (props: PochaccoProps) => {
+  const { size = 48, pose = PochaccoPose.Idle } = props;
+
+  if (pose === PochaccoPose.Watching) {
+    return <Watch {...props} />;
+  }
+
+  return <Idle {...props} />;
+};

package/src/components/{Pochacco.tsx → Pochacco/idle.tsx}

@@ -1,12 +1,13 @@
 import React from "react";
+import { PochaccoProps } from "@/components/Pochacco/Pochacco";
 
-export const Pochacco = () => {
+export const Idle = (props: PochaccoProps) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
       version="1.0"
-      width="48"
-      height="48"
+      width={props.size || 48}
+      height={props.size || 48}
       viewBox="0 0 256.000000 256.000000"
       preserveAspectRatio="xMidYMid meet"
     >

package/src/components/Pochacco/watch.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+import { PochaccoProps } from "@/components/Pochacco/Pochacco";
+
+export const Watch = (props: PochaccoProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    version="1.0"
+    width={props.size || 48}
+    height={props.size || 48}
+    viewBox="0 0 128.000000 128.000000"
+    preserveAspectRatio="xMidYMid meet"
+  >
+    <g
+      transform="translate(0.000000,128.000000) scale(0.100000,-0.100000)"
+      fill="#000000"
+      stroke="none"
+    >
+      <path d="M1090 1111 c0 -39 -1 -41 -42 -52 -24 -7 -68 -11 -98 -9 -90 4 -105 3 -133 -4 -15 -3 -27 -12 -27 -20 0 -10 15 -12 68 -8 53 3 76 0 103 -13 47 -25 78 -50 106 -87 22 -31 23 -39 23 -210 l0 -178 -25 0 c-36 0 -99 -34 -151 -82 -39 -36 -50 -41 -108 -45 -62 -5 -66 -4 -95 25 -21 21 -31 40 -31 61 0 22 -5 31 -16 31 -14 0 -16 -8 -11 -45 8 -79 52 -108 155 -106 59 1 62 0 62 -23 0 -15 12 -35 32 -51 28 -24 38 -26 78 -21 25 3 57 15 72 26 15 11 29 20 32 20 3 0 7 -44 8 -97 4 -144 22 -122 31 37 8 158 8 141 -1 559 -5 245 -10 325 -19 329 -9 2 -13 -9 -13 -37z m-20 -101 c0 -5 -4 -10 -9 -10 -6 0 -13 5 -16 10 -3 6 1 10 9 10 9 0 16 -4 16 -10z m21 -520 c23 -13 25 -50 3 -96 -14 -28 -19 -32 -35 -24 -19 11 -69 78 -69 93 0 8 56 36 73 37 5 0 17 -5 28 -10z" />
+      <path d="M760 1091 c-14 -27 -13 -51 3 -51 17 0 69 54 60 63 -13 14 -53 6 -63 -12z" />
+      <path d="M647 1053 c-18 -17 -5 -33 28 -33 39 0 46 14 16 30 -23 12 -35 13 -44 3z" />
+      <path d="M599 1000 c-5 -29 -2 -33 27 -35 46 -4 65 11 40 30 -22 17 -65 20 -67 5z" />
+      <path d="M607 932 c-9 -10 -27 -42 -40 -72 -14 -30 -43 -77 -66 -105 -58 -70 -83 -126 -89 -201 -4 -57 -3 -64 13 -64 28 0 101 82 118 131 l15 44 20 -45 c27 -60 46 -85 60 -76 8 5 2 26 -19 69 -54 106 -49 238 11 292 23 21 26 45 7 45 -8 0 -21 -8 -30 -18z m-117 -261 c0 -12 -20 -25 -27 -18 -7 7 6 27 18 27 5 0 9 -4 9 -9z m30 -11 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3 6 8 10 11 10 2 0 4 -4 4 -10z m-60 -59 c0 -6 -4 -13 -10 -16 -5 -3 -10 1 -10 9 0 9 5 16 10 16 6 0 10 -4 10 -9z" />
+      <path d="M1020 726 c0 -28 12 -46 30 -46 25 0 33 16 20 40 -12 23 -50 27 -50 6z" />
+      <path d="M920 615 c-28 -33 13 -61 44 -29 20 20 20 30 0 38 -23 9 -30 8 -44 -9z" />
+      <path d="M770 586 c0 -26 24 -51 40 -41 14 8 13 38 -2 53 -19 19 -38 14 -38 -12z" />
+    </g>
+  </svg>
+);