📝 Docs: 商店头像 skeleton (#3362)

This commit is contained in:
StarHeart
2025-03-09 21:18:32 +08:00
committed by GitHub
parent ecab229133
commit 09343c332e
34 changed files with 623 additions and 282 deletions

View File

@@ -4,7 +4,6 @@ import Translate from "@docusaurus/Translate";
import { usePagination } from "react-use-pagination";
import Admonition from "@theme/Admonition";
import AdapterForm from "@/components/Form/Adapter";
import Modal from "@/components/Modal";
import Paginate from "@/components/Paginate";
@@ -16,6 +15,7 @@ import { authorFilter, tagFilter } from "@/libs/filter";
import { useSearchControl } from "@/libs/search";
import { fetchRegistryData, loadFailedTitle } from "@/libs/store";
import { useToolbar } from "@/libs/toolbar";
import type { Adapter } from "@/types/adapter";
export default function AdapterPage(): React.ReactNode {
@@ -146,7 +146,7 @@ export default function AdapterPage(): React.ReactNode {
</Admonition>
) : loading ? (
<p className="store-loading-container">
<span className="loading loading-dots loading-lg store-loading"></span>
<span className="loading loading-dots loading-lg store-loading" />
</p>
) : (
<div className="store-container">

View File

@@ -4,7 +4,6 @@ import Translate from "@docusaurus/Translate";
import { usePagination } from "react-use-pagination";
import Admonition from "@theme/Admonition";
import BotForm from "@/components/Form/Bot";
import Modal from "@/components/Modal";
import Paginate from "@/components/Paginate";
@@ -15,6 +14,7 @@ import { authorFilter, tagFilter } from "@/libs/filter";
import { useSearchControl } from "@/libs/search";
import { fetchRegistryData, loadFailedTitle } from "@/libs/store";
import { useToolbar } from "@/libs/toolbar";
import type { Bot } from "@/types/bot";
export default function PluginPage(): React.ReactNode {
@@ -138,7 +138,7 @@ export default function PluginPage(): React.ReactNode {
</Admonition>
) : loading ? (
<p className="store-loading-container">
<span className="loading loading-dots loading-lg store-loading"></span>
<span className="loading loading-dots loading-lg store-loading" />
</p>
) : (
<div className="store-container">

View File

@@ -4,7 +4,6 @@ import Translate from "@docusaurus/Translate";
import { usePagination } from "react-use-pagination";
import Admonition from "@theme/Admonition";
import Modal from "@/components/Modal";
import Paginate from "@/components/Paginate";
import ResourceCard from "@/components/Resource/Card";
@@ -13,6 +12,7 @@ import Searcher from "@/components/Searcher";
import { authorFilter, tagFilter } from "@/libs/filter";
import { useSearchControl } from "@/libs/search";
import { fetchRegistryData, loadFailedTitle } from "@/libs/store";
import type { Driver } from "@/types/driver";
export default function DriverPage(): React.ReactNode {
@@ -123,7 +123,7 @@ export default function DriverPage(): React.ReactNode {
</Admonition>
) : loading ? (
<p className="store-loading-container">
<span className="loading loading-dots loading-lg store-loading"></span>
<span className="loading loading-dots loading-lg store-loading" />
</p>
) : (
<div className="store-container">

View File

@@ -4,7 +4,6 @@ import Translate, { translate } from "@docusaurus/Translate";
import { usePagination } from "react-use-pagination";
import Admonition from "@theme/Admonition";
import PluginForm from "@/components/Form/Plugin";
import Modal from "@/components/Modal";
import Paginate from "@/components/Paginate";
@@ -20,6 +19,7 @@ import { useSearchControl } from "@/libs/search";
import { SortMode } from "@/libs/sorter";
import { fetchRegistryData, loadFailedTitle } from "@/libs/store";
import { useToolbar } from "@/libs/toolbar";
import type { Plugin } from "@/types/plugin";
export default function PluginPage(): React.ReactNode {
@@ -149,7 +149,7 @@ export default function PluginPage(): React.ReactNode {
<Translate
id="pages.store.plugin.searchInfo"
description="Plugins search info of the plugin store page"
values={{ pluginCount, filteredPluginCount: filteredPluginCount }}
values={{ pluginCount, filteredPluginCount }}
>
{"当前共有 {filteredPluginCount} / {pluginCount} 个插件"}
</Translate>
@@ -180,7 +180,7 @@ export default function PluginPage(): React.ReactNode {
</Admonition>
) : loading ? (
<p className="store-loading-container">
<span className="loading loading-dots loading-lg store-loading"></span>
<span className="loading loading-dots loading-lg store-loading" />
</p>
) : (
<div className="store-container">

View File

@@ -2,9 +2,10 @@ import React, { useState } from "react";
import clsx from "clsx";
import type { IconProp } from "@fortawesome/fontawesome-svg-core";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import type { IconProp } from "@fortawesome/fontawesome-svg-core";
export type Filter = {
label: string;
icon: IconProp;