diff options
| author | 2023-11-03 21:13:33 +0800 | |
|---|---|---|
| committer | 2023-11-03 21:13:33 +0800 | |
| commit | 9f0d43fe099a95ab1516ae951dcb60a89e76a5a5 (patch) | |
| tree | 51614fe47bff8bb11028a07d4a35c34c9ff6594a /docs/components/image | |
| parent | 8f135707d069c900e055dae71e69909d6b9a41bb (diff) | |
| download | HydroRoll-9f0d43fe099a95ab1516ae951dcb60a89e76a5a5.tar.gz HydroRoll-9f0d43fe099a95ab1516ae951dcb60a89e76a5a5.zip | |
chore: delete useless codes
Diffstat (limited to 'docs/components/image')
| -rw-r--r-- | docs/components/image/ImageFigure.tsx | 40 | ||||
| -rw-r--r-- | docs/components/image/ThemedImage.tsx | 45 | ||||
| -rw-r--r-- | docs/components/image/ThemedImageFigure.tsx | 47 |
3 files changed, 0 insertions, 132 deletions
diff --git a/docs/components/image/ImageFigure.tsx b/docs/components/image/ImageFigure.tsx deleted file mode 100644 index b90237e..0000000 --- a/docs/components/image/ImageFigure.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import React from "react"; -import Image from "next/image"; - -type ImageProps = Parameters<typeof Image>[0]; - -export type ImageFigureProps = ImageProps & { - caption?: string; - margin?: number; - captionSpacing?: number; - shadow?: boolean; - borderRadius?: boolean; -}; - -export function ImageFigure(props: ImageFigureProps): React.ReactNode { - const { - caption, - margin = 40, - captionSpacing = null, - shadow = false, - borderRadius = false, - ...rest - } = props; - - return ( - <figure className="block text-center" style={{ margin: `${margin}px 0` }}> - <div className="relative inline-block w-full max-w-full overflow-hidden border-box text-[0px]"> - {/* eslint-disable-next-line jsx-a11y/alt-text */} - <Image {...rest} /> - </div> - {caption && ( - <figcaption - className="m-0 text-xs text-center text-gray-500" - style={captionSpacing ? { marginTop: captionSpacing } : {}} - > - {caption} - </figcaption> - )} - </figure> - ); -} diff --git a/docs/components/image/ThemedImage.tsx b/docs/components/image/ThemedImage.tsx deleted file mode 100644 index 0416bd9..0000000 --- a/docs/components/image/ThemedImage.tsx +++ /dev/null @@ -1,45 +0,0 @@ -import React from "react"; -import Image from "next/image"; - -export interface Image { - height: number; - width: number; - source: string; -} - -export interface ThemedImageProps { - title?: string; - dark?: Image; - light?: Image; - priority?: boolean; -} - -export function ThemedImage({ - title, - light, - dark, - priority = false, -}: ThemedImageProps) { - return ( - <> - <div className="block w-full dark:hidden"> - <Image - alt={title} - src={light.source} - width={light.width} - height={light.height} - priority={priority} - /> - </div> - <div className="hidden w-full dark:block"> - <Image - alt={title} - src={dark.source} - width={dark.width} - height={dark.height} - priority={priority} - /> - </div> - </> - ); -} diff --git a/docs/components/image/ThemedImageFigure.tsx b/docs/components/image/ThemedImageFigure.tsx deleted file mode 100644 index 9c50dc7..0000000 --- a/docs/components/image/ThemedImageFigure.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import React from "react"; -import { ImageFigureProps } from "./ImageFigure"; -import { ThemedImage, ThemedImageProps } from "./ThemedImage"; -import cn from "classnames"; -export type ThemedImageFigureProps = Omit<ImageFigureProps, "src"> & - ThemedImageProps; - -export function ThemedImageFigure( - props: ThemedImageFigureProps -): React.ReactNode { - const { - caption, - margin = 40, - captionSpacing = null, - shadow = false, - borderRadius = false, - ...rest - } = props; - - return ( - <figure - className="block -mx-4 text-center sm:-mx-4 md:-mx-7 lg:-mx-12" - style={{ marginTop: `${margin}px`, marginBottom: `${margin}px` }} - > - <div - className={cn( - "relative inline-block max-w-full overflow-hidden border-box text-[0px]", - { - "rounded-md": borderRadius, - "shadow-lg": shadow, - } - )} - > - {/* eslint-disable-next-line jsx-a11y/alt-text */} - <ThemedImage {...rest} /> - </div> - {caption && ( - <figcaption - className="m-0 text-xs text-center text-gray-500" - style={captionSpacing ? { marginTop: captionSpacing } : {}} - > - {caption} - </figcaption> - )} - </figure> - ); -} |
