@bbki.ng/site 1.0.13 → 1.0.14

package/CHANGELOG.md

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/site",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "code behind bbki.ng",
   "main": "index.js",
   "scripts": {

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/pages/cover/index.tsx

@@ -7,14 +7,14 @@ export const Cover = (props: { className: string }) => {
       links={[
         {
           to: "/projects",
-          name: "ls *.png",
+          name: "cd ./projects",
         },
         {
           to: "/blog",
           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 () => {