From d6c32b778c127c25f0c68ddcf99f4d14a86c2a9e Mon Sep 17 00:00:00 2001 From: Heiko Joerg Schick Date: Sat, 22 Mar 2025 19:10:59 +0100 Subject: [PATCH] Remove unused HeroList component --- src/taskpane/components/HeroList.tsx | 62 ---------------------------- 1 file changed, 62 deletions(-) delete mode 100644 src/taskpane/components/HeroList.tsx diff --git a/src/taskpane/components/HeroList.tsx b/src/taskpane/components/HeroList.tsx deleted file mode 100644 index 46caee30..00000000 --- a/src/taskpane/components/HeroList.tsx +++ /dev/null @@ -1,62 +0,0 @@ -import * as React from "react"; -import { tokens, makeStyles } from "@fluentui/react-components"; - -export interface HeroListItem { - icon: React.JSX.Element; - primaryText: string; -} - -export interface HeroListProps { - message: string; - items: HeroListItem[]; -} - -const useStyles = makeStyles({ - list: { - marginTop: "20px", - }, - listItem: { - paddingBottom: "20px", - display: "flex", - }, - icon: { - marginRight: "10px", - }, - itemText: { - fontSize: tokens.fontSizeBase300, - fontColor: tokens.colorNeutralBackgroundStatic, - }, - welcome__main: { - width: "100%", - display: "flex", - flexDirection: "column", - alignItems: "center", - }, - message: { - fontSize: tokens.fontSizeBase500, - fontColor: tokens.colorNeutralBackgroundStatic, - fontWeight: tokens.fontWeightRegular, - paddingLeft: "10px", - paddingRight: "10px", - }, -}); - -const HeroList: React.FC = (props: HeroListProps) => { - const { items, message } = props; - const styles = useStyles(); - - const listItems = items.map((item, index) => ( -
  • - {item.icon} - {item.primaryText} -
  • - )); - return ( -
    -

    {message}

    -
      {listItems}
    -
    - ); -}; - -export default HeroList;