@bbki.ng/site 1.0.12 → 1.0.14

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @bbki.ng/site
 
+## 1.0.14
+
+## 1.0.13
+
 ## 1.0.12
 
 ## 1.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/site",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "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.1.31",
+    "@bbki.ng/components": "workspace:2.1.32",
     "@supabase/supabase-js": "^1.30.6",
     "classnames": "2.3.1",
     "react": "^18.0.0",

package/src/app.tsx

@@ -39,6 +39,7 @@ const Layout = () => {
 
 const NowInMidCol = threeColWrapper(NowPage);
 const ContentInMidCol = threeColWrapper(Txt);
+const ProjectsInMidCol = threeColWrapper(Png);
 const ArticleInMidCol = threeColWrapper(ArticlePage);
 const TagsInMidCol = threeColWrapper(Tags);
 const LoginInMidCol = threeColWrapper(Login);
@@ -55,7 +56,7 @@ export const App = () => {
             <Route path="/" element={<Layout />}>
               <Route index element={<CoverInMidCol />} />
 
-              <Route path="/projects" element={<Png />} />
+              <Route path="/projects" element={<ProjectsInMidCol />} />
               <Route path="/projects/:id" element={<PhotoProjects />} />
 
               <Route path="blog" element={<ContentInMidCol />} />

package/src/components/with_wrapper/index.tsx

@@ -1,15 +1,17 @@
 import React from "react";
 import { FunctionComponent } from "react";
 import { ArticlePage } from "@/components/article";
-import { ThreeColLayout, ErrorBoundary } from "@bbki.ng/components";
+import { ThreeColLayout, ErrorBoundary, Link } from "@bbki.ng/components";
 
 export const withArticleWrapper =
   (Component: FunctionComponent<any>): FunctionComponent<any> =>
   (props: any) => {
     return (
-      <ArticlePage {...props}>
-        <Component />
-      </ArticlePage>
+      <>
+        <ArticlePage {...props}>
+          <Component />
+        </ArticlePage>
+      </>
     );
   };
 

package/src/pages/cover/index.tsx

@@ -7,14 +7,14 @@ export const Cover = (props: { className: string }) => {
       links={[
         {
           to: "/projects",
-          name: "cd /projects",
+          name: "cd ./projects",
         },
         {
           to: "/blog",
-          name: "cd /posts",
+          name: "ls *.md",
         },
       ]}
-      title="history"
+      title=" "
     />
   );
 };

package/src/pages/extensions/png/index.tsx

@@ -1,35 +1,17 @@
-import React, { useCallback, useEffect } from "react";
-import classnames from "classnames";
+import React from "react";
 import { useProjects } from "@/hooks/use_projects";
-import { Link, Gallery, ImageRenderer } from "@bbki.ng/components";
+import { Link, Gallery, ImageRenderer, LinkList } from "@bbki.ng/components";
 import { MySuspense } from "@/components";
-import { imageFormatter } from "@/utils";
 
 const Projects = () => {
   const { projects } = useProjects("", true);
-  const renderImage: ImageRenderer = useCallback(
-    (img, index, col) => {
-      const project = projects[index];
-      return (
-        <div
-          className={classnames("mb-128", {
-            "md:mr-64": col === 0,
-            "md:ml-64": col !== 0,
-          })}
-        >
-          <Link to={`/projects/${project.name}`}>{img}</Link>
-        </div>
-      );
-    },
-    [projects]
-  );
 
-  return (
-    <Gallery
-      images={projects.map((p: any) => p.cover).map(imageFormatter)}
-      imageRenderer={renderImage}
-    />
-  );
+  const links = projects.map((p: any) => ({
+    to: `/projects/${p.name}`,
+    name: p.name,
+  }));
+
+  return <LinkList links={links} title="图片" />;
 };
 
 export default () => {

package/src/pages/extensions/png/png_projects.tsx

@@ -3,7 +3,7 @@ import { MySuspense } from "@/components";
 import { useParams } from "react-router-dom";
 import { useProjects } from "@/hooks/use_projects";
 import { imageFormatter } from "@/utils";
-import { Gallery, Nav } from "@bbki.ng/components";
+import { Gallery, Nav, Link } from "@bbki.ng/components";
 import { usePaths } from "@/hooks";
 import { ImageUploader } from "@/components/ImageUploader";
 
@@ -30,7 +30,11 @@ const ProjectDetail = () => {
       <Gallery images={projects.images.map(imageFormatter)}>
         {renderUploader()}
       </Gallery>
-      <Nav paths={usePaths()} mini className="justify-center py-32 md:hidden" />
+      <div className="w-full flex justify-center">
+        <Link to="/projects" className="w-full py-32 md:hidden text-center">
+          cd ..
+        </Link>
+      </div>
     </>
   );
 };

package/src/pages/extensions/txt/article.tsx

@@ -2,7 +2,7 @@ import React, { ReactElement } from "react";
 import { MdxArticleList } from "@/articles";
 import { withArticleWrapper } from "@/components";
 import { MdxArticle } from "@/types/articles";
-import { Article, NotFound } from "@bbki.ng/components";
+import { NotFound, Link } from "@bbki.ng/components";
 import { useParams } from "react-router-dom";
 import { usePosts } from "@/hooks/use_posts";
 import { ArticlePage } from "@/components/article";