From ab12603f32e681d03d08598fa9ba5026dd6bae94 Mon Sep 17 00:00:00 2001 From: Stefan Pejcic Date: Mon, 4 Mar 2024 11:19:21 +0100 Subject: [PATCH] Create index.tsx --- documentation/src/pages/assets/index.tsx | 53 ++++++++++++++++++++++++ 1 file changed, 53 insertions(+) create mode 100644 documentation/src/pages/assets/index.tsx diff --git a/documentation/src/pages/assets/index.tsx b/documentation/src/pages/assets/index.tsx new file mode 100644 index 00000000..7ca95d26 --- /dev/null +++ b/documentation/src/pages/assets/index.tsx @@ -0,0 +1,53 @@ +import React from "react"; +import Head from "@docusaurus/Head"; +import { BlogFooter } from "@site/src/refine-theme/blog-footer"; +import { CommonHeader } from "@site/src/refine-theme/common-header"; +import { CommonLayout } from "@site/src/refine-theme/common-layout"; +import clsx from "clsx"; + +const Assets: React.FC = () => { + const assets = [ + { name: "Logo Icon", svgUrl: "/icon/openpanel_logo.svg", downloadUrl: "/icon/openpanel_logo.svg" }, + { name: "White Logo Icon", svgUrl: "/icon/openpanel_white_logo.svg", downloadUrl: "/icon/openpanel_white_logo.svg" }, + // Amore here.. + ]; + + const handleCopySVGCode = async (svgUrl: string) => { + const response = await fetch(svgUrl); + const svgCode = await response.text(); + navigator.clipboard.writeText(svgCode).then( + () => console.log('SVG code copied to clipboard'), + (err) => console.error('Error copying SVG code: ', err) + ); + }; + + return ( + + + + +
+ + +
+

Brand Assets

+ +
+ {assets.map((asset, index) => ( +
+ {asset.name} +
+ Download + +
+
+ ))} +
+
+ +
+ + ); +}; + +export default Assets;