chore: type

Author: Chasen-Zhang

website/src/components/BaseComponents/Card/index.tsx

@@ -1,15 +1,13 @@
 // Copyright 2023 Datafuse Labs.
 import React from 'react';
-import { FC, ReactElement, ReactNode } from 'react';
+import { FC, ReactElement } from 'react';
 import styles from './styles.module.scss';
 import clsx from 'clsx';
-interface IProps {
-  children: ReactNode;
-  padding?: number[];
-  className?: string;
+import { ICommonProps } from '@site/src/types';
+interface IProps extends ICommonProps{
   href?: string;
   isDownload?: boolean;
-  style?: React.CSSProperties;
+  padding?: number[]; 
 }
 const Card: FC<IProps> = ({children, padding, className, href, isDownload, style}): ReactElement=> {
   const props = {

website/src/components/BaseComponents/Tag/index.tsx

@@ -1,13 +1,11 @@
 // Copyright 2023 Datafuse Labs.
-import { FC, ReactElement, ReactNode } from 'react';
+import { FC, ReactElement } from 'react';
 import styles from './styles.module.scss';
 import React from 'react';
 import clsx from 'clsx';
-interface IProps {
-  children: ReactNode;
-  className?: string;
-}
-const Tag: FC<IProps> = ({children, className}): ReactElement=> {
+import { ICommonProps } from '@site/src/types';
+
+const Tag: FC<ICommonProps> = ({children, className}): ReactElement=> {
   return (
   <span className={clsx(styles.tag, className)}>{children}</span>
   );

website/src/hooks/useGetReleases.ts

@@ -1,10 +1,6 @@
 import { usePluginData } from "@docusaurus/useGlobalData";
-interface IGlobalData {
-  releasesList: any[], 
-  repoResource: any, 
-  stargazersCount: number,
-  [prop: string]: any
-}
+import { IGlobalData } from "@site/src/types/download";
+
 function numberFormat(num: number): string | number {
   return num < 1000 ? num : (num / 1000).toFixed(1) + 'K';
 }

website/src/pages/download/index.tsx

@@ -1,5 +1,5 @@
 // Copyright 2023 Datafuse Labs.
-import React, { FC, ReactElement } from 'react';
+import React, { FC, ReactElement, ReactNode } from 'react';
 import Layout from '@theme/Layout';
 import clsx from 'clsx';
 import ReactMarkdown from 'react-markdown';
@@ -16,8 +16,8 @@ const Releases: FC = (): ReactElement => {
     releasesList, 
     tagName
   } = useGetReleases();
-  const { filterBody, assets: latestAssets, published_at } = releasesList[0];
-  function Icons({isApple, size = 24}) {
+  const { filterBody, assets: latestAssets, published_at, prerelease} = releasesList[0];
+  function Icons({isApple, size = 24}): ReactElement {
     return (
       <>
         {
@@ -28,6 +28,9 @@ const Releases: FC = (): ReactElement => {
       </>
     )
   }
+  function IsPreReleaseTag({prerelease}: {prerelease: boolean}): ReactElement {
+    return <Tag className={styles.preTag}>{prerelease ? 'Pre-release' : 'Release'}</Tag>
+  }
   return (
     <Layout
       title={`Databend - Activate your Object Storage for real-time analytics`}
@@ -40,7 +43,7 @@ const Releases: FC = (): ReactElement => {
             <div className={styles.topTag}>
               <span className={styles.version}>{tagName}</span>
               <Tag>Latest</Tag>
-              <Tag className={styles.preTag}>Pre-release</Tag>
+              <IsPreReleaseTag prerelease={prerelease}></IsPreReleaseTag>
             </div>
             <div className={styles.updateTime}>{timeFormatAgo(published_at)}</div>
             <div className={styles.nowAssets}>
@@ -84,7 +87,7 @@ const Releases: FC = (): ReactElement => {
                     <div>
                       <div className={styles.leftDesc}>
                         <div className={styles.tagName}>{release?.tag_name}</div>
-                        <Tag className={styles.preTag}>Pre-release</Tag>
+                        <IsPreReleaseTag prerelease={release.prerelease}></IsPreReleaseTag>
                       </div>
                       <div>{timeFormatAgo(release?.published_at)}</div>
                     </div>

website/src/types/download.ts

@@ -0,0 +1,31 @@
+export interface IAssets {
+  size: number;
+  formatSize?: string;
+  browser_download_url: string;
+  name: string;
+  osTypeDesc?: string;
+  osType: string;
+  isApple?: boolean;
+}
+
+export interface IRepoResource {
+  stargazers_count: number;
+  formatStargazersCount?: number;
+  [prop: string]: any
+}
+export interface IRelease {
+  tag_name: string;
+  published_at: string;
+  prerelease: boolean;
+  name: string;
+  body: string;
+  filterBody: string;
+  originAssets: IAssets[];
+  assets: IAssets[]
+}
+export interface IGlobalData {
+  releasesList: IRelease[], 
+  repoResource: IRepoResource, 
+  stargazersCount: number,
+  [prop: string]: any
+}

website/src/types/index.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+
+export interface ICommonProps {
+  children: ReactNode;
+  className?: string;
+  style?: React.CSSProperties;
+  onClick?: ()=> void;
+}