ImageLinks.tsx

import React from "react";

interface ImageLink {
  device: string;
  version: string;
  downloadLink: string;
  sdCardSupport?: boolean;
}

export const imageLinks = [
  {
    device: "Lichee Pi 4A",
    version: "20250323",
    downloadLink: "https://mirror.iscas.ac.cn/revyos/extra/images/lpi4a/20250323/",
    sdCardSupport: true,
  },
  {
    device: "Milk-V Meles",
    version: "20250323",
    downloadLink: "https://mirror.iscas.ac.cn/revyos/extra/images/meles/20250323/",
    sdCardSupport: true,
  },
  {
    device: "Milk-V Pioneer",
    version: "20241230",
    downloadLink: "https://mirror.iscas.ac.cn/revyos/extra/images/sg2042/20241230/",
    sdCardSupport: true,
  },
  {
    device: "Lichee Cluster 4A",
    version: "20240720",
    downloadLink: "https://mirror.iscas.ac.cn/revyos/extra/images/lpi4a/",
  },
  {
    device: "Lichee Console 4A",
    version: "20240720",
    downloadLink: "https://mirror.iscas.ac.cn/revyos/extra/images/lcon4a/20240720/",
  },
  {
    device: "Lichee Book 4A",
    version: "20240720",
    downloadLink: "https://mirror.iscas.ac.cn/revyos/extra/images/laptop4a/",
  },
  {
    device: "Beagle-Ahead",
    version: "20231210",
    downloadLink: "https://mirror.iscas.ac.cn/revyos/extra/images/beagle/20231210/",
  },
  {
    device: "Huiwei book",
    version: "20240617",
    downloadLink: "https://mirror.iscas.ac.cn/revyos/extra/images/huiwei/test/20240617/",
  },
] as const satisfies readonly ImageLink[];

/**
 * 根据设备名称查找对应的下载链接，并渲染为 `<a>` 标签。
 * 
 * @param device 设备名称，仅允许 `DeviceName` 类型的值。
 * @returns 如果找到匹配的设备，则返回对应版本的下载链接；否则显示 "$device 暂无镜像"。
 */
export const DownloadLink: React.FC<{device: string}> = ({ device }) => {
  const link = imageLinks.find((item) => item.device === device);
  
  if (!link) return <span>${device} 暂无镜像</span>;

  return <a href={link.downloadLink}>{link.version}</a>;
};