diff --git a/components/sidebar.tsx b/components/sidebar.tsx new file mode 100644 index 00000000..9f4254f1 --- /dev/null +++ b/components/sidebar.tsx @@ -0,0 +1,129 @@ +export function Sidebar() { + return ( + <> + + + + + ); +} diff --git a/package-lock.json b/package-lock.json index 3e6f8e4a..81ca43ea 100644 --- a/package-lock.json +++ b/package-lock.json @@ -41,6 +41,7 @@ "node-html-parser": "^6.1.4", "p-retry": "^5.1.2", "react": "18.2.0", + "react-bilibili-embed-renderer": "^1.2.1", "react-dom": "18.2.0", "react-hot-toast": "^2.4.0", "react-type-animation": "^2.1.2", @@ -12630,6 +12631,15 @@ "node": ">=0.10.0" } }, + "node_modules/react-bilibili-embed-renderer": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/react-bilibili-embed-renderer/-/react-bilibili-embed-renderer-1.2.1.tgz", + "integrity": "sha512-oK34/cEMApHRwD3c4vcmHRxPhb/msL1mKIfq4OOKK5ix0rb+GOvHkoC6kCvhj87AvhwhQrUQDsRm1rHKc3SOdw==", + "peerDependencies": { + "react": ">=16.0.8", + "react-dom": ">=16.0.8" + } + }, "node_modules/react-dom": { "version": "18.2.0", "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz", @@ -22340,6 +22350,12 @@ "loose-envify": "^1.1.0" } }, + "react-bilibili-embed-renderer": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/react-bilibili-embed-renderer/-/react-bilibili-embed-renderer-1.2.1.tgz", + "integrity": "sha512-oK34/cEMApHRwD3c4vcmHRxPhb/msL1mKIfq4OOKK5ix0rb+GOvHkoC6kCvhj87AvhwhQrUQDsRm1rHKc3SOdw==", + "requires": {} + }, "react-dom": { "version": "18.2.0", "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz", diff --git a/package.json b/package.json index c728662b..b263e03b 100644 --- a/package.json +++ b/package.json @@ -41,6 +41,7 @@ "node-html-parser": "^6.1.4", "p-retry": "^5.1.2", "react": "18.2.0", + "react-bilibili-embed-renderer": "^1.2.1", "react-dom": "18.2.0", "react-hot-toast": "^2.4.0", "react-type-animation": "^2.1.2", diff --git a/pages/shop.tsx b/pages/shop.tsx index 582f4e5a..1a23ef17 100644 --- a/pages/shop.tsx +++ b/pages/shop.tsx @@ -33,7 +33,7 @@ export default () => {
- {/**/} +
); diff --git a/pages/user/dashboard.tsx b/pages/user/dashboard.tsx index 14afbd24..24a7d6fa 100644 --- a/pages/user/dashboard.tsx +++ b/pages/user/dashboard.tsx @@ -1,125 +1,9 @@ +import { Sidebar } from "~/components/sidebar"; + export default () => { return ( <> - - - - +
diff --git a/pages/user/videos.tsx b/pages/user/videos.tsx new file mode 100644 index 00000000..726ebde6 --- /dev/null +++ b/pages/user/videos.tsx @@ -0,0 +1,56 @@ +import { Sidebar } from "~/components/sidebar"; +import BilibiliEmbedRenderer from 'react-bilibili-embed-renderer' +export default () => { + return ( + <> + +
+
+
+
+
+ +
+
+
+
+ +
+
+
+

+

+
+
+
+

+

+
+
+
+

+

+
+
+

+

+
+
+
+

+

+
+
+
+

+

+
+
+

+

+
+
+

+

+
+
+

+

+
+
+
+
+ + ); +};