From fddb1c387a5685eec1f48e471d6171374e6ad76e Mon Sep 17 00:00:00 2001 From: Kelvin Kiptum Kiprop Date: Wed, 3 Apr 2024 22:41:58 +0300 Subject: [PATCH 1/6] chore: refactored pages imports and exports --- src/constants/index.ts | 2 + src/constants/routes.ts | 5 + src/layouts/app/SideNav.tsx | 37 ++----- src/pages/About.tsx | 99 +++++++++++++++++++ src/pages/Home.tsx | 4 +- src/pages/Sitemap.tsx | 4 +- .../authentication/AccountDeactivate.tsx | 4 +- src/pages/authentication/PasswordReset.tsx | 4 +- src/pages/authentication/SignIn.tsx | 4 +- src/pages/authentication/SignUp.tsx | 4 +- src/pages/authentication/VerifyEmail.tsx | 4 +- src/pages/authentication/Welcome.tsx | 4 +- src/pages/authentication/index.ts | 21 ++-- src/pages/corporate/About.tsx | 4 +- src/pages/corporate/Contact.tsx | 4 +- src/pages/corporate/Faqs.tsx | 4 +- src/pages/corporate/Licence.tsx | 4 +- src/pages/corporate/Pricing.tsx | 4 +- src/pages/corporate/Team.tsx | 4 +- src/pages/corporate/index.ts | 21 ++-- src/pages/dashboards/Bidding.tsx | 4 +- src/pages/dashboards/Default.tsx | 4 +- src/pages/dashboards/Ecommerce.tsx | 4 +- src/pages/dashboards/Learning.tsx | 4 +- src/pages/dashboards/Logistics.tsx | 4 +- src/pages/dashboards/Marketing.tsx | 4 +- src/pages/dashboards/Projects.tsx | 4 +- src/pages/dashboards/Social.tsx | 4 +- src/pages/dashboards/index.ts | 27 ++--- src/pages/errors/Error.tsx | 4 +- src/pages/errors/Error400.tsx | 4 +- src/pages/errors/Error403.tsx | 4 +- src/pages/errors/Error404.tsx | 4 +- src/pages/errors/Error500.tsx | 4 +- src/pages/errors/Error503.tsx | 4 +- src/pages/errors/index.ts | 21 ++-- src/pages/index.ts | 88 ++--------------- src/pages/userAccount/Actions.tsx | 4 +- src/pages/userAccount/Activity.tsx | 4 +- src/pages/userAccount/Details.tsx | 4 +- src/pages/userAccount/Feedback.tsx | 4 +- src/pages/userAccount/Help.tsx | 4 +- src/pages/userAccount/Information.tsx | 4 +- src/pages/userAccount/Preferences.tsx | 4 +- src/pages/userAccount/Security.tsx | 4 +- src/pages/userAccount/index.ts | 27 ++--- 46 files changed, 190 insertions(+), 302 deletions(-) create mode 100644 src/pages/About.tsx diff --git a/src/constants/index.ts b/src/constants/index.ts index b31b7e0..2bb9139 100644 --- a/src/constants/index.ts +++ b/src/constants/index.ts @@ -24,6 +24,7 @@ import { PATH_LANDING, PATH_SITEMAP, PATH_SOCIALS, + PATH_ABOUT, } from './routes.ts'; const DASHBOARD_ITEMS = [ @@ -105,4 +106,5 @@ export { PATH_SOCIALS, AUTHENTICATION_ITEMS, ERROR_ITEMS, + PATH_ABOUT, }; diff --git a/src/constants/routes.ts b/src/constants/routes.ts index d4929ff..3e96afa 100644 --- a/src/constants/routes.ts +++ b/src/constants/routes.ts @@ -22,6 +22,7 @@ const ROOTS_FILE_MGMT = '/file-manager'; const ROOTS_INBOX = '/inbox'; const ROOTS_CALENDAR = '/calendar'; const ROOTS_ERRORS = '/errors'; +const ROOTS_ABOUT = '/about'; export const PATH_LANDING = { root: ROOTS_LANDING, @@ -222,3 +223,7 @@ export const PATH_SOCIALS = { linkedin: 'https://www.linkedin.com/in/kelvink96/', youtube: 'https://twitter.com/kelvink_96', }; + +export const PATH_ABOUT = { + root: ROOTS_ABOUT, +}; diff --git a/src/layouts/app/SideNav.tsx b/src/layouts/app/SideNav.tsx index 73e8127..fc8e777 100644 --- a/src/layouts/app/SideNav.tsx +++ b/src/layouts/app/SideNav.tsx @@ -6,6 +6,7 @@ import { BugOutlined, GithubOutlined, IdcardOutlined, + InfoCircleOutlined, PieChartOutlined, ProductOutlined, SecurityScanOutlined, @@ -15,6 +16,7 @@ import { import { Logo } from '../../components'; import { Link, useLocation } from 'react-router-dom'; import { + PATH_ABOUT, PATH_AUTH, PATH_CORPORATE, PATH_DASHBOARD, @@ -78,7 +80,11 @@ const items: MenuProps['items'] = [ null ), ]), - + getItem( + Sitemap, + 'about', + + ), getItem( Sitemap, 'sitemap', @@ -139,35 +145,6 @@ const items: MenuProps['items'] = [ ), ]), - /*getItem('Social', 'socials', , [ - getItem(Feed, 's-feed', null), - getItem(Activity, 's-activity', null), - getItem(Followers, 's-followers', null), - getItem(Settings, 's-settings', null), - ]),*/ - - /*getItem('Blog', 'blog', , [ - getItem(Home, 'b-home', null), - getItem(Post, 'b-post', null), - ]),*/ - - /*getItem('Careers', 'careers', , [ - getItem(List, 'careers-list', null), - getItem(Apply, 'careers-apply', null), - ]),*/ - - /*getItem('Account', 'account', , [ - getItem(Overview, 'account-overview', null), - getItem(Settings, 'account-settings', null), - getItem(Security, 'account-security', null), - getItem(Activity, 'account-activity', null), - getItem(Billing, 'account-billing', null), - getItem(Statements, 'account-statements', null), - getItem(Referrals, 'account-referrals', null), - getItem(API Keys, 'account-api', null), - getItem(Logs, 'account-logs', null), - ]),*/ - getItem('Authentication', 'authentication', , [ getItem(Sign In, 'auth-signin', null), getItem(Sign Up, 'auth-signup', null), diff --git a/src/pages/About.tsx b/src/pages/About.tsx new file mode 100644 index 0000000..838c228 --- /dev/null +++ b/src/pages/About.tsx @@ -0,0 +1,99 @@ +import { Col, Flex, Row, Typography } from 'antd'; +import { useStylesContext } from '../context'; +import { + BugOutlined, + BulbOutlined, + CodeOutlined, + GithubOutlined, + HomeOutlined, + PieChartOutlined, +} from '@ant-design/icons'; +import { Card, PageHeader } from '../components'; +import { createElement } from 'react'; +import { DASHBOARD_ITEMS } from '../constants'; +import { Link } from 'react-router-dom'; + +const { Title, Text } = Typography; + +const SITES = [ + { + title: 'github', + description: 'source code of the website.', + icon: GithubOutlined, + }, + { + title: 'Report Bug', + description: 'something not working? Report a bug', + icon: BugOutlined, + }, + { + title: 'Request Feature', + description: 'Need something? Request a new feature.', + icon: BulbOutlined, + }, + { + title: 'Contribute', + description: 'Contribute to this project.', + icon: CodeOutlined, + }, +]; + +export const AboutPage = () => { + const context = useStylesContext(); + + return ( +
+ + + + home + + ), + path: '/', + }, + { + title: ( + <> + + dashboards + + ), + menu: { + items: DASHBOARD_ITEMS.map((d) => ({ + key: d.title, + title: {d.title}, + })), + }, + }, + { + title: 'about', + }, + ]} + /> + + Antd Admin + + A dynamic and versatile multipurpose dashboard template built using + React, Vite, Ant Design, and Storybook + + + + {SITES.map((s) => ( + + + {createElement(s.icon)} + {s.title} + {s.description} + + + ))} + + +
+ ); +}; diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index 50fd6e0..35a4595 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -151,7 +151,7 @@ const FEATURES = [ }, ]; -const HomePage = () => { +export const HomePage = () => { const { token: { colorPrimary }, } = theme.useToken(); @@ -359,5 +359,3 @@ const HomePage = () => { ); }; - -export default HomePage; diff --git a/src/pages/Sitemap.tsx b/src/pages/Sitemap.tsx index 6d142e7..576986b 100644 --- a/src/pages/Sitemap.tsx +++ b/src/pages/Sitemap.tsx @@ -33,7 +33,7 @@ const SITES = [ }, ]; -const SitemapPage = () => { +export const SitemapPage = () => { const context = useStylesContext(); return ( @@ -53,5 +53,3 @@ const SitemapPage = () => { ); }; - -export default SitemapPage; diff --git a/src/pages/authentication/AccountDeactivate.tsx b/src/pages/authentication/AccountDeactivate.tsx index a3871bd..33ffd5c 100644 --- a/src/pages/authentication/AccountDeactivate.tsx +++ b/src/pages/authentication/AccountDeactivate.tsx @@ -3,7 +3,7 @@ import { Logo } from '../../components'; import { Link } from 'react-router-dom'; import { PATH_DASHBOARD } from '../../constants'; -const AccountDeactivePage = () => { +export const AccountDeactivePage = () => { return ( { ); }; - -export default AccountDeactivePage; diff --git a/src/pages/authentication/PasswordReset.tsx b/src/pages/authentication/PasswordReset.tsx index 910534b..da9222a 100644 --- a/src/pages/authentication/PasswordReset.tsx +++ b/src/pages/authentication/PasswordReset.tsx @@ -21,7 +21,7 @@ type FieldType = { email?: string; }; -const PasswordResetPage = () => { +export const PasswordResetPage = () => { const { token: { colorPrimary }, } = theme.useToken(); @@ -117,5 +117,3 @@ const PasswordResetPage = () => { ); }; - -export default PasswordResetPage; diff --git a/src/pages/authentication/SignIn.tsx b/src/pages/authentication/SignIn.tsx index c0eacea..6c3b232 100644 --- a/src/pages/authentication/SignIn.tsx +++ b/src/pages/authentication/SignIn.tsx @@ -30,7 +30,7 @@ type FieldType = { remember?: boolean; }; -const SignInPage = () => { +export const SignInPage = () => { const { token: { colorPrimary }, } = theme.useToken(); @@ -163,5 +163,3 @@ const SignInPage = () => { ); }; - -export default SignInPage; diff --git a/src/pages/authentication/SignUp.tsx b/src/pages/authentication/SignUp.tsx index 95c23f8..56a6666 100644 --- a/src/pages/authentication/SignUp.tsx +++ b/src/pages/authentication/SignUp.tsx @@ -33,7 +33,7 @@ type FieldType = { terms?: boolean; }; -const SignUpPage = () => { +export const SignUpPage = () => { const { token: { colorPrimary }, } = theme.useToken(); @@ -201,5 +201,3 @@ const SignUpPage = () => { ); }; - -export default SignUpPage; diff --git a/src/pages/authentication/VerifyEmail.tsx b/src/pages/authentication/VerifyEmail.tsx index ccd877e..85a48d5 100644 --- a/src/pages/authentication/VerifyEmail.tsx +++ b/src/pages/authentication/VerifyEmail.tsx @@ -3,7 +3,7 @@ import { Logo } from '../../components'; import { Link } from 'react-router-dom'; import { PATH_DASHBOARD } from '../../constants'; -const VerifyEmailPage = () => { +export const VerifyEmailPage = () => { return ( { ); }; - -export default VerifyEmailPage; diff --git a/src/pages/authentication/Welcome.tsx b/src/pages/authentication/Welcome.tsx index ac18fdc..1b69f13 100644 --- a/src/pages/authentication/Welcome.tsx +++ b/src/pages/authentication/Welcome.tsx @@ -3,7 +3,7 @@ import { Logo } from '../../components'; import { Link } from 'react-router-dom'; import { PATH_DASHBOARD } from '../../constants'; -const WelcomePage = () => { +export const WelcomePage = () => { return ( { ); }; - -export default WelcomePage; diff --git a/src/pages/authentication/index.ts b/src/pages/authentication/index.ts index 7d90b04..3205754 100644 --- a/src/pages/authentication/index.ts +++ b/src/pages/authentication/index.ts @@ -1,15 +1,6 @@ -import SignUpPage from './SignUp.tsx'; -import SignInPage from './SignIn.tsx'; -import WelcomePage from './Welcome.tsx'; -import VerifyEmailPage from './VerifyEmail.tsx'; -import PasswordResetPage from './PasswordReset.tsx'; -import AccountDeactivePage from './AccountDeactivate.tsx'; - -export { - SignUpPage, - SignInPage, - WelcomePage, - VerifyEmailPage, - PasswordResetPage, - AccountDeactivePage, -}; +export { SignUpPage } from './SignUp.tsx'; +export { SignInPage } from './SignIn.tsx'; +export { WelcomePage } from './Welcome.tsx'; +export { VerifyEmailPage } from './VerifyEmail.tsx'; +export { PasswordResetPage } from './PasswordReset.tsx'; +export { AccountDeactivePage } from './AccountDeactivate.tsx'; diff --git a/src/pages/corporate/About.tsx b/src/pages/corporate/About.tsx index 8c343e0..a08ff1d 100644 --- a/src/pages/corporate/About.tsx +++ b/src/pages/corporate/About.tsx @@ -16,7 +16,7 @@ import { useFetchData } from '../../hooks'; const { Title, Text, Paragraph } = Typography; -const CorporateAboutPage = () => { +export const CorporateAboutPage = () => { const stylesContext = useStylesContext(); const { data: employeesData, @@ -132,5 +132,3 @@ const CorporateAboutPage = () => { ); }; - -export default CorporateAboutPage; diff --git a/src/pages/corporate/Contact.tsx b/src/pages/corporate/Contact.tsx index 0928335..d7e9c7c 100644 --- a/src/pages/corporate/Contact.tsx +++ b/src/pages/corporate/Contact.tsx @@ -20,7 +20,7 @@ const cardStyles: React.CSSProperties = { height: '100%', }; -const CorporateContactPage = () => { +export const CorporateContactPage = () => { return (
@@ -67,5 +67,3 @@ const CorporateContactPage = () => {
); }; - -export default CorporateContactPage; diff --git a/src/pages/corporate/Faqs.tsx b/src/pages/corporate/Faqs.tsx index 8be77ec..42ddcb5 100644 --- a/src/pages/corporate/Faqs.tsx +++ b/src/pages/corporate/Faqs.tsx @@ -6,7 +6,7 @@ import { Faq } from '../../types'; import { useStylesContext } from '../../context'; import { useFetchData } from '../../hooks'; -const CorporateFaqPage = () => { +export const CorporateFaqPage = () => { const { data: faqsData, loading: faqsDataLoading, @@ -68,5 +68,3 @@ const CorporateFaqPage = () => { ); }; - -export default CorporateFaqPage; diff --git a/src/pages/corporate/Licence.tsx b/src/pages/corporate/Licence.tsx index 665b85d..7aaa5fd 100644 --- a/src/pages/corporate/Licence.tsx +++ b/src/pages/corporate/Licence.tsx @@ -3,7 +3,7 @@ import { Card, Loader } from '../../components'; import { useStylesContext } from '../../context'; import { useFetchData } from '../../hooks'; -const CorporateLicensePage = () => { +export const CorporateLicensePage = () => { const stylesContext = useStylesContext(); const { data: licenseData, @@ -68,5 +68,3 @@ const CorporateLicensePage = () => { ); }; - -export default CorporateLicensePage; diff --git a/src/pages/corporate/Pricing.tsx b/src/pages/corporate/Pricing.tsx index 5ffe2d3..165c7d5 100644 --- a/src/pages/corporate/Pricing.tsx +++ b/src/pages/corporate/Pricing.tsx @@ -1,7 +1,7 @@ import { PricingTable } from '../../components'; import { useFetchData } from '../../hooks'; -const CorporatePricingPage = () => { +export const CorporatePricingPage = () => { const { data: pricingData, error: pricingDataError, @@ -18,5 +18,3 @@ const CorporatePricingPage = () => { ); }; - -export default CorporatePricingPage; diff --git a/src/pages/corporate/Team.tsx b/src/pages/corporate/Team.tsx index e9a5c77..6dbb017 100644 --- a/src/pages/corporate/Team.tsx +++ b/src/pages/corporate/Team.tsx @@ -4,7 +4,7 @@ import { Employee } from '../../types'; import { useFetchData } from '../../hooks'; import { useStylesContext } from '../../context'; -const CorporateTeamPage = () => { +export const CorporateTeamPage = () => { const stylesContext = useStylesContext(); const { data: employeesData, @@ -57,5 +57,3 @@ const CorporateTeamPage = () => { ); }; - -export default CorporateTeamPage; diff --git a/src/pages/corporate/index.ts b/src/pages/corporate/index.ts index aaed45c..838ddfb 100644 --- a/src/pages/corporate/index.ts +++ b/src/pages/corporate/index.ts @@ -1,15 +1,6 @@ -import CorporateAboutPage from './About.tsx'; -import CorporateTeamPage from './Team.tsx'; -import CorporateFaqPage from './Faqs.tsx'; -import CorporateContactPage from './Contact.tsx'; -import CorporatePricingPage from './Pricing.tsx'; -import CorporateLicensePage from './Licence.tsx'; - -export { - CorporateAboutPage, - CorporateTeamPage, - CorporateFaqPage, - CorporateContactPage, - CorporatePricingPage, - CorporateLicensePage, -}; +export { CorporateAboutPage } from './About.tsx'; +export { CorporateTeamPage } from './Team.tsx'; +export { CorporateFaqPage } from './Faqs.tsx'; +export { CorporateContactPage } from './Contact.tsx'; +export { CorporatePricingPage } from './Pricing.tsx'; +export { CorporateLicensePage } from './Licence.tsx'; diff --git a/src/pages/dashboards/Bidding.tsx b/src/pages/dashboards/Bidding.tsx index 0d33345..c21a473 100644 --- a/src/pages/dashboards/Bidding.tsx +++ b/src/pages/dashboards/Bidding.tsx @@ -34,7 +34,7 @@ const ROW_PROPS: RowProps = { ], }; -const BiddingDashboardPage = () => { +export const BiddingDashboardPage = () => { const { data: auctionData, loading: auctionDataLoading, @@ -182,5 +182,3 @@ const BiddingDashboardPage = () => { ); }; - -export default BiddingDashboardPage; diff --git a/src/pages/dashboards/Default.tsx b/src/pages/dashboards/Default.tsx index 1414f8b..6df8fb3 100644 --- a/src/pages/dashboards/Default.tsx +++ b/src/pages/dashboards/Default.tsx @@ -149,7 +149,7 @@ const CARD_PROPS: CardProps = { }, }; -const DefaultDashboardPage = () => { +export const DefaultDashboardPage = () => { const stylesContext = useStylesContext(); const sliderRef1 = useRef(null); const sliderRef2 = useRef(null); @@ -346,5 +346,3 @@ const DefaultDashboardPage = () => { ); }; - -export default DefaultDashboardPage; diff --git a/src/pages/dashboards/Ecommerce.tsx b/src/pages/dashboards/Ecommerce.tsx index 4888fc7..0420804 100644 --- a/src/pages/dashboards/Ecommerce.tsx +++ b/src/pages/dashboards/Ecommerce.tsx @@ -566,7 +566,7 @@ const cardStyles: CSSProperties = { height: '100%', }; -const EcommerceDashboardPage = () => { +export const EcommerceDashboardPage = () => { const stylesContext = useStylesContext(); const { data: topProducts, @@ -861,5 +861,3 @@ const EcommerceDashboardPage = () => { ); }; - -export default EcommerceDashboardPage; diff --git a/src/pages/dashboards/Learning.tsx b/src/pages/dashboards/Learning.tsx index 6553885..d8a7b10 100644 --- a/src/pages/dashboards/Learning.tsx +++ b/src/pages/dashboards/Learning.tsx @@ -23,7 +23,7 @@ import { Helmet } from 'react-helmet-async'; import { useFetchData } from '../../hooks'; import { useStylesContext } from '../../context'; -const LearningDashboardPage = () => { +export const LearningDashboardPage = () => { const stylesContext = useStylesContext(); const { data: coursesData, @@ -178,5 +178,3 @@ const LearningDashboardPage = () => { ); }; - -export default LearningDashboardPage; diff --git a/src/pages/dashboards/Logistics.tsx b/src/pages/dashboards/Logistics.tsx index 9020bbc..6d658bd 100644 --- a/src/pages/dashboards/Logistics.tsx +++ b/src/pages/dashboards/Logistics.tsx @@ -64,7 +64,7 @@ const PLAN_DATA = [ }, ]; -const LogisticsDashboardPage = () => { +export const LogisticsDashboardPage = () => { const stylesContext = useStylesContext(); const { data: trucksDeliveryData, @@ -164,5 +164,3 @@ const LogisticsDashboardPage = () => { ); }; - -export default LogisticsDashboardPage; diff --git a/src/pages/dashboards/Marketing.tsx b/src/pages/dashboards/Marketing.tsx index 43d0011..694bae2 100644 --- a/src/pages/dashboards/Marketing.tsx +++ b/src/pages/dashboards/Marketing.tsx @@ -15,7 +15,7 @@ import { Helmet } from 'react-helmet-async'; import { useStylesContext } from '../../context'; import { useFetchData } from '../../hooks'; -const MarketingDashboardPage = () => { +export const MarketingDashboardPage = () => { const stylesContext = useStylesContext(); const { data: campaignAds, @@ -121,5 +121,3 @@ const MarketingDashboardPage = () => { ); }; - -export default MarketingDashboardPage; diff --git a/src/pages/dashboards/Projects.tsx b/src/pages/dashboards/Projects.tsx index d6e10e7..594c4a5 100644 --- a/src/pages/dashboards/Projects.tsx +++ b/src/pages/dashboards/Projects.tsx @@ -145,7 +145,7 @@ const PROJECT_TABS = [ }, ]; -const ProjectsDashboardPage = () => { +export const ProjectsDashboardPage = () => { const { data: projectsData, error: projectsDataError, @@ -311,5 +311,3 @@ const ProjectsDashboardPage = () => { ); }; - -export default ProjectsDashboardPage; diff --git a/src/pages/dashboards/Social.tsx b/src/pages/dashboards/Social.tsx index 7288e5c..5fd4849 100644 --- a/src/pages/dashboards/Social.tsx +++ b/src/pages/dashboards/Social.tsx @@ -184,7 +184,7 @@ const Section = ({ tab }: SectionProps) => { ); }; -const SocialDashboardPage = () => { +export const SocialDashboardPage = () => { const stylesContext = useStylesContext(); const isMobile = useMediaQuery({ maxWidth: 769 }); const [activeTabKey, setActiveTabKey] = useState( @@ -329,5 +329,3 @@ const SocialDashboardPage = () => { ); }; - -export default SocialDashboardPage; diff --git a/src/pages/dashboards/index.ts b/src/pages/dashboards/index.ts index f9ff717..154edfd 100644 --- a/src/pages/dashboards/index.ts +++ b/src/pages/dashboards/index.ts @@ -1,19 +1,8 @@ -import DefaultDashboardPage from './Default.tsx'; -import ProjectsDashboardPage from './Projects.tsx'; -import EcommerceDashboardPage from './Ecommerce.tsx'; -import MarketingDashboardPage from './Marketing.tsx'; -import SocialDashboardPage from './Social.tsx'; -import BiddingDashboardPage from './Bidding.tsx'; -import LearningDashboardPage from './Learning.tsx'; -import LogisticsDashboardPage from './Logistics.tsx'; - -export { - DefaultDashboardPage, - ProjectsDashboardPage, - EcommerceDashboardPage, - MarketingDashboardPage, - SocialDashboardPage, - BiddingDashboardPage, - LearningDashboardPage, - LogisticsDashboardPage, -}; +export { DefaultDashboardPage } from './Default.tsx'; +export { ProjectsDashboardPage } from './Projects.tsx'; +export { EcommerceDashboardPage } from './Ecommerce.tsx'; +export { MarketingDashboardPage } from './Marketing.tsx'; +export { SocialDashboardPage } from './Social.tsx'; +export { BiddingDashboardPage } from './Bidding.tsx'; +export { LearningDashboardPage } from './Learning.tsx'; +export { LogisticsDashboardPage } from './Logistics.tsx'; diff --git a/src/pages/errors/Error.tsx b/src/pages/errors/Error.tsx index 2e10eaf..b525f40 100644 --- a/src/pages/errors/Error.tsx +++ b/src/pages/errors/Error.tsx @@ -6,7 +6,7 @@ const { Paragraph, Text } = Typography; type Error = unknown | any; -const ErrorPage = () => { +export const ErrorPage = () => { const error: Error = useRouteError(); console.error(error); @@ -33,5 +33,3 @@ const ErrorPage = () => { ); }; - -export default ErrorPage; diff --git a/src/pages/errors/Error400.tsx b/src/pages/errors/Error400.tsx index 335bc50..f062ed2 100644 --- a/src/pages/errors/Error400.tsx +++ b/src/pages/errors/Error400.tsx @@ -5,7 +5,7 @@ import { BackBtn, RefreshBtn } from '../../components'; const { Paragraph, Text } = Typography; -const Error400Page = () => { +export const Error400Page = () => { return ( { ); }; - -export default Error400Page; diff --git a/src/pages/errors/Error403.tsx b/src/pages/errors/Error403.tsx index e0190b7..1eeb84b 100644 --- a/src/pages/errors/Error403.tsx +++ b/src/pages/errors/Error403.tsx @@ -1,7 +1,7 @@ import { Result } from 'antd'; import { BackBtn } from '../../components'; -const Error403Page = () => { +export const Error403Page = () => { return ( { /> ); }; - -export default Error403Page; diff --git a/src/pages/errors/Error404.tsx b/src/pages/errors/Error404.tsx index 82cb63d..2f41ba4 100644 --- a/src/pages/errors/Error404.tsx +++ b/src/pages/errors/Error404.tsx @@ -1,7 +1,7 @@ import { Result } from 'antd'; import { BackBtn } from '../../components'; -const Error404Page = () => { +export const Error404Page = () => { return ( { /> ); }; - -export default Error404Page; diff --git a/src/pages/errors/Error500.tsx b/src/pages/errors/Error500.tsx index 01f7a48..4ad535d 100644 --- a/src/pages/errors/Error500.tsx +++ b/src/pages/errors/Error500.tsx @@ -1,7 +1,7 @@ import { Result } from 'antd'; import { BackBtn, RefreshBtn } from '../../components'; -const Error500Page = () => { +export const Error500Page = () => { return ( { /> ); }; - -export default Error500Page; diff --git a/src/pages/errors/Error503.tsx b/src/pages/errors/Error503.tsx index a8157b3..d056ccb 100644 --- a/src/pages/errors/Error503.tsx +++ b/src/pages/errors/Error503.tsx @@ -1,7 +1,7 @@ import { Result } from 'antd'; import { BackBtn, RefreshBtn } from '../../components'; -const Error503Page = () => { +export const Error503Page = () => { return ( { /> ); }; - -export default Error503Page; diff --git a/src/pages/errors/index.ts b/src/pages/errors/index.ts index db06403..60ebe60 100644 --- a/src/pages/errors/index.ts +++ b/src/pages/errors/index.ts @@ -1,15 +1,6 @@ -import ErrorPage from './Error.tsx'; -import Error400Page from './Error400.tsx'; -import Error403Page from './Error403.tsx'; -import Error404Page from './Error404.tsx'; -import Error500Page from './Error500.tsx'; -import Error503Page from './Error503.tsx'; - -export { - ErrorPage, - Error400Page, - Error404Page, - Error403Page, - Error500Page, - Error503Page, -}; +export { ErrorPage } from './Error.tsx'; +export { Error400Page } from './Error400.tsx'; +export { Error403Page } from './Error403.tsx'; +export { Error404Page } from './Error404.tsx'; +export { Error500Page } from './Error500.tsx'; +export { Error503Page } from './Error503.tsx'; diff --git a/src/pages/index.ts b/src/pages/index.ts index 54784f1..5d738a8 100644 --- a/src/pages/index.ts +++ b/src/pages/index.ts @@ -1,81 +1,7 @@ -import { - BiddingDashboardPage, - DefaultDashboardPage, - EcommerceDashboardPage, - MarketingDashboardPage, - ProjectsDashboardPage, - SocialDashboardPage, -} from './dashboards'; -import HomePage from './Home.tsx'; -import { - CorporateAboutPage, - CorporateContactPage, - CorporateFaqPage, - CorporateLicensePage, - CorporatePricingPage, - CorporateTeamPage, -} from './corporate'; -import SitemapPage from './Sitemap.tsx'; -import { - UserProfileDetailsPage, - UserProfilePreferencesPage, - UserProfileInformationPage, - UserProfileSecurityPage, - UserProfileActivityPage, - UserProfileActionsPage, - UserProfileHelpPage, - UserProfileFeedbackPage, -} from './userAccount'; -import { - SignUpPage, - SignInPage, - WelcomePage, - VerifyEmailPage, - PasswordResetPage, - AccountDeactivePage, -} from './authentication'; -import { - Error404Page, - Error500Page, - Error403Page, - Error400Page, - Error503Page, - ErrorPage, -} from './errors'; - -export { - DefaultDashboardPage, - HomePage, - ProjectsDashboardPage, - EcommerceDashboardPage, - MarketingDashboardPage, - SocialDashboardPage, - BiddingDashboardPage, - CorporateAboutPage, - CorporateTeamPage, - CorporateFaqPage, - CorporateContactPage, - CorporatePricingPage, - CorporateLicensePage, - SitemapPage, - UserProfileDetailsPage, - UserProfilePreferencesPage, - UserProfileInformationPage, - UserProfileSecurityPage, - UserProfileActivityPage, - UserProfileActionsPage, - UserProfileHelpPage, - UserProfileFeedbackPage, - SignUpPage, - SignInPage, - WelcomePage, - VerifyEmailPage, - PasswordResetPage, - AccountDeactivePage, - Error500Page, - Error404Page, - Error403Page, - Error503Page, - Error400Page, - ErrorPage, -}; +export { HomePage } from './Home.tsx'; +export { SitemapPage } from './Sitemap.tsx'; +export * from './dashboards'; +export * from './corporate'; +export * from './userAccount'; +export * from './authentication'; +export * from './errors'; diff --git a/src/pages/userAccount/Actions.tsx b/src/pages/userAccount/Actions.tsx index 4dfe0c3..7e884b8 100644 --- a/src/pages/userAccount/Actions.tsx +++ b/src/pages/userAccount/Actions.tsx @@ -27,7 +27,7 @@ const ActionItem = ({ children, extra, title }: ActionItemProps) => { ); }; -const UserProfileActionsPage = () => { +export const UserProfileActionsPage = () => { const context = useStylesContext(); const onChange = (checked: boolean) => { @@ -124,5 +124,3 @@ const UserProfileActionsPage = () => { ); }; - -export default UserProfileActionsPage; diff --git a/src/pages/userAccount/Activity.tsx b/src/pages/userAccount/Activity.tsx index 17bf655..27ca638 100644 --- a/src/pages/userAccount/Activity.tsx +++ b/src/pages/userAccount/Activity.tsx @@ -1,7 +1,7 @@ import { TimelineCard } from '../../components'; import { useFetchData } from '../../hooks'; -const UserProfileActivityPage = () => { +export const UserProfileActivityPage = () => { const { data: timelineData, loading: timelineDataLoading, @@ -17,5 +17,3 @@ const UserProfileActivityPage = () => { /> ); }; - -export default UserProfileActivityPage; diff --git a/src/pages/userAccount/Details.tsx b/src/pages/userAccount/Details.tsx index fd0e8a1..8087ff8 100644 --- a/src/pages/userAccount/Details.tsx +++ b/src/pages/userAccount/Details.tsx @@ -16,7 +16,7 @@ type FieldType = { status?: 'active' | 'inactive'; }; -const UserProfileDetailsPage = () => { +export const UserProfileDetailsPage = () => { const onFinish = (values: any) => { console.log('Success:', values); }; @@ -171,5 +171,3 @@ const UserProfileDetailsPage = () => { ); }; - -export default UserProfileDetailsPage; diff --git a/src/pages/userAccount/Feedback.tsx b/src/pages/userAccount/Feedback.tsx index d97096a..38e240c 100644 --- a/src/pages/userAccount/Feedback.tsx +++ b/src/pages/userAccount/Feedback.tsx @@ -12,7 +12,7 @@ type FieldType = { comment?: string; }; -const UserProfileFeedbackPage = () => { +export const UserProfileFeedbackPage = () => { const [value, setValue] = useState(3); const onFinish = (values: any) => { @@ -94,5 +94,3 @@ const UserProfileFeedbackPage = () => { ); }; - -export default UserProfileFeedbackPage; diff --git a/src/pages/userAccount/Help.tsx b/src/pages/userAccount/Help.tsx index c63ad29..a6dcea4 100644 --- a/src/pages/userAccount/Help.tsx +++ b/src/pages/userAccount/Help.tsx @@ -68,7 +68,7 @@ const TITLE_PROPS: TitleProps = { level: 3, }; -const UserProfileHelpPage = () => { +export const UserProfileHelpPage = () => { const [activeTabKey, setActiveTabKey] = useState('Account'); const [tabList, setTabList] = useState([]); const isMobile = useMediaQuery({ maxWidth: 600 }); @@ -174,5 +174,3 @@ const UserProfileHelpPage = () => { ); }; - -export default UserProfileHelpPage; diff --git a/src/pages/userAccount/Information.tsx b/src/pages/userAccount/Information.tsx index faf4457..8b1056e 100644 --- a/src/pages/userAccount/Information.tsx +++ b/src/pages/userAccount/Information.tsx @@ -46,7 +46,7 @@ type BirthdayFieldType = { dob?: string; }; -const UserProfileInformationPage = () => { +export const UserProfileInformationPage = () => { const context = useStylesContext(); const onFinish = (values: any) => { console.log('Success:', values); @@ -259,5 +259,3 @@ const UserProfileInformationPage = () => { ); }; - -export default UserProfileInformationPage; diff --git a/src/pages/userAccount/Preferences.tsx b/src/pages/userAccount/Preferences.tsx index c793f88..ee93155 100644 --- a/src/pages/userAccount/Preferences.tsx +++ b/src/pages/userAccount/Preferences.tsx @@ -18,7 +18,7 @@ const BUTTON_PROPS: ButtonProps = { type: 'dashed', }; -const UserProfilePreferencesPage = () => { +export const UserProfilePreferencesPage = () => { const context = useStylesContext(); const isMobile = useMediaQuery({ maxWidth: 600 }); @@ -152,5 +152,3 @@ const UserProfilePreferencesPage = () => { ); }; - -export default UserProfilePreferencesPage; diff --git a/src/pages/userAccount/Security.tsx b/src/pages/userAccount/Security.tsx index f12af02..58098dc 100644 --- a/src/pages/userAccount/Security.tsx +++ b/src/pages/userAccount/Security.tsx @@ -37,7 +37,7 @@ type FieldType = { reEnterPassword?: string; }; -const UserProfileSecurityPage = () => { +export const UserProfileSecurityPage = () => { const stylesContext = useStylesContext(); const { data: sessionActivityData, @@ -246,5 +246,3 @@ const UserProfileSecurityPage = () => { ); }; - -export default UserProfileSecurityPage; diff --git a/src/pages/userAccount/index.ts b/src/pages/userAccount/index.ts index 13e1086..89b6a75 100644 --- a/src/pages/userAccount/index.ts +++ b/src/pages/userAccount/index.ts @@ -1,19 +1,8 @@ -import UserProfileDetailsPage from './Details.tsx'; -import UserProfilePreferencesPage from './Preferences.tsx'; -import UserProfileInformationPage from './Information.tsx'; -import UserProfileSecurityPage from './Security.tsx'; -import UserProfileActivityPage from './Activity.tsx'; -import UserProfileActionsPage from './Actions.tsx'; -import UserProfileHelpPage from './Help.tsx'; -import UserProfileFeedbackPage from './Feedback.tsx'; - -export { - UserProfilePreferencesPage, - UserProfileDetailsPage, - UserProfileInformationPage, - UserProfileSecurityPage, - UserProfileActivityPage, - UserProfileActionsPage, - UserProfileHelpPage, - UserProfileFeedbackPage, -}; +export { UserProfileDetailsPage } from './Details.tsx'; +export { UserProfilePreferencesPage } from './Preferences.tsx'; +export { UserProfileInformationPage } from './Information.tsx'; +export { UserProfileSecurityPage } from './Security.tsx'; +export { UserProfileActivityPage } from './Activity.tsx'; +export { UserProfileActionsPage } from './Actions.tsx'; +export { UserProfileHelpPage } from './Help.tsx'; +export { UserProfileFeedbackPage } from './Feedback.tsx'; From e3b65878212abbed60d3f4f06fc3df65396a79f0 Mon Sep 17 00:00:00 2001 From: Kelvin Kiptum Kiprop Date: Wed, 3 Apr 2024 22:50:12 +0300 Subject: [PATCH 2/6] chore: refactored stories imports and exports --- src/components/BackBtn/BackBtn.stories.tsx | 2 +- src/components/Card/Card.stories.tsx | 2 +- src/components/ContactForm/ContactForm.stories.tsx | 2 +- src/components/EmployeeCard/EmployeeCard.stories.tsx | 2 +- src/components/Loader/Loader.stories.tsx | 2 +- src/components/Logo/Logo.stories.tsx | 2 +- src/components/MoreMenu/MoreMenu.stories.tsx | 2 +- src/components/NotificationsCard/Notifications.stories.tsx | 2 +- src/components/NotificationsItem/NotificationsItem.stories.tsx | 2 +- src/components/PageHeader/PageHeader.stories.tsx | 2 +- src/components/PricingTable/PricingTable.stories.tsx | 2 +- src/components/RefreshBtn/RefreshBtn.stories.tsx | 2 +- src/components/SitemapCard/SitemapCard.stories.tsx | 2 +- src/components/SocialMediaCard/SocialMediaCard.stories.tsx | 2 +- src/components/TimelineCard/TimelineCard.stories.tsx | 2 +- src/components/UserAvatar/UserAvatar.stories.tsx | 2 +- src/components/corporate/BlogsListCard/BlogListCard.stories.tsx | 2 +- .../dashboard/bidding/CategoriesCard/Categories.stories.tsx | 2 +- .../dashboard/bidding/CreatorsCard/CreatorsCard.stories.tsx | 2 +- .../dashboard/bidding/TopItemsCard/TopItems.stories.tsx | 2 +- .../bidding/TransactionsCard/TransactionsCard.stories.tsx | 2 +- .../dashboard/default/CampaignsCard/CampaignsCard.stories.tsx | 2 +- .../dashboard/default/EarningsCard/EarningsCard.stories.tsx | 2 +- .../dashboard/default/GetStartedCard/GetStartedCard.stories.tsx | 2 +- .../default/LatestOrdersCard/LatestOrdersCard.stories.tsx | 2 +- .../dashboard/default/OrdersChart/OrdersChart.stories.tsx | 2 +- .../default/RecentUsersCard/RecentUsersCard.stories.tsx | 2 +- .../default/SubscribersChart/SubscribersChart.stories.tsx | 2 +- .../dashboard/default/TasksChartCard/TasksChart.stories.tsx | 2 +- .../dashboard/default/TasksListCard/TasksList.stories.tsx | 2 +- .../default/WeeklyActivityCard/WeeklyActivityCard.stories.tsx | 2 +- .../CustomerReviewsCard/CustomerReviewsCard.stories.tsx | 2 +- .../CommunityGroupsCard/CommunityGroupsCard.stories.tsx | 2 +- .../dashboard/learning/CoursesCard/CoursesCard.stories.tsx | 2 +- .../learning/CoursesCarousel/CoursesCaroursel.stories.tsx | 2 +- .../dashboard/learning/ExamsCard/ExamsCard.stories.tsx | 2 +- .../dashboard/learning/ProgressCard/ProgressCard.stories.tsx | 2 +- .../dashboard/learning/StatsCard/StatsCard.stories.tsx | 2 +- .../StudyStatisticsCard/StudyStatisticssCard.stories.tsx | 2 +- .../dashboard/logistics/DailyPlanCard/DailyPlanCard.stories.tsx | 2 +- .../DeliveryAnalyticsCard/DeliveryAnalyticsCard.stories.tsx | 2 +- .../DeliveryRequestCard/DeliveryRequestCard.stories.tsx | 2 +- .../logistics/DeliveryTableCard/DeliveryTableCard.stories.tsx | 2 +- .../dashboard/logistics/StatsCard/StatsCard.stories.tsx | 2 +- .../logistics/TrucksListCard/TruckListCard.stories.tsx | 2 +- .../AudienceLocationChart/AudienceLocationChart.stories.tsx | 2 +- .../marketing/CampaignsActivity/CampaignsActivity.stories.tsx | 2 +- .../marketing/CampaignsAdsCard/CampaignAdsCard.stories.tsx | 2 +- .../marketing/SocialStatsCard/SocialStatsCard.stories.tsx | 2 +- .../dashboard/marketing/StatsCard/StatsCard.stories.tsx | 2 +- .../marketing/VisitorsChartCard/VisitorsChartCard.stories.tsx | 2 +- .../dashboard/projects/ClientsTable/ClientsTable.stories.tsx | 2 +- .../projects/ProjectsCountCard/ProjectsCountCard.stories.tsx | 2 +- .../dashboard/projects/ProjectsTables/ProjectsTable.stories.tsx | 2 +- src/components/dashboard/shared/PostsCard/PostsCard.stories.tsx | 2 +- .../dashboard/shared/ProjectsCard/ProjectsCard.stories.tsx | 2 +- .../dashboard/shared/RevenueCard/RevenueCard.stories.tsx | 2 +- .../dashboard/social/CommentsCard/CommentsCard.stories.tsx | 2 +- .../social/DevicesCardChart/DevicesCardChart.stories.tsx | 2 +- .../dashboard/social/FollowersChart/FollowersChart.stories.tsx | 2 +- .../dashboard/social/LikesChart/LikesChart.stories.tsx | 2 +- .../dashboard/social/MilestonesCard/MilestonesCard.stories.tsx | 2 +- .../social/SocialStatsCard/SocialStatsCard.stories.tsx | 2 +- 63 files changed, 63 insertions(+), 63 deletions(-) diff --git a/src/components/BackBtn/BackBtn.stories.tsx b/src/components/BackBtn/BackBtn.stories.tsx index 0301369..8702785 100644 --- a/src/components/BackBtn/BackBtn.stories.tsx +++ b/src/components/BackBtn/BackBtn.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import { withRouter } from 'storybook-addon-react-router-v6'; -import BackBtn from './BackBtn.tsx'; +import { BackBtn } from './BackBtn.tsx'; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export const meta = { diff --git a/src/components/Card/Card.stories.tsx b/src/components/Card/Card.stories.tsx index 696ea8c..8ccd3f1 100644 --- a/src/components/Card/Card.stories.tsx +++ b/src/components/Card/Card.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import Card from './Card'; +import { Card } from './Card'; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export const meta = { diff --git a/src/components/ContactForm/ContactForm.stories.tsx b/src/components/ContactForm/ContactForm.stories.tsx index db4e92e..79ea37e 100644 --- a/src/components/ContactForm/ContactForm.stories.tsx +++ b/src/components/ContactForm/ContactForm.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import ContactForm from './ContactForm.tsx'; +import { ContactForm } from './ContactForm.tsx'; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export const meta = { diff --git a/src/components/EmployeeCard/EmployeeCard.stories.tsx b/src/components/EmployeeCard/EmployeeCard.stories.tsx index 2fd63c5..232b6c7 100644 --- a/src/components/EmployeeCard/EmployeeCard.stories.tsx +++ b/src/components/EmployeeCard/EmployeeCard.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import EmployeeCard from './EmployeeCard.tsx'; +import { EmployeeCard } from './EmployeeCard.tsx'; const DATA = { employee_id: '24e4e64c-bf09-459f-8cea-f9d2de99d15b', diff --git a/src/components/Loader/Loader.stories.tsx b/src/components/Loader/Loader.stories.tsx index f72e415..1b6b792 100644 --- a/src/components/Loader/Loader.stories.tsx +++ b/src/components/Loader/Loader.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import Loader from './Loader.tsx'; +import { Loader } from './Loader.tsx'; const meta = { title: 'Components/Loader', diff --git a/src/components/Logo/Logo.stories.tsx b/src/components/Logo/Logo.stories.tsx index bf1e859..27252d1 100644 --- a/src/components/Logo/Logo.stories.tsx +++ b/src/components/Logo/Logo.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import { withRouter } from 'storybook-addon-react-router-v6'; -import Logo from './Logo.tsx'; +import { Logo } from './Logo.tsx'; const meta = { title: 'Components/Logo', diff --git a/src/components/MoreMenu/MoreMenu.stories.tsx b/src/components/MoreMenu/MoreMenu.stories.tsx index e80e5f9..dfc4052 100644 --- a/src/components/MoreMenu/MoreMenu.stories.tsx +++ b/src/components/MoreMenu/MoreMenu.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import MoreMenu from './MoreMenu.tsx'; +import { MoreMenu } from './MoreMenu.tsx'; const meta = { title: 'Components/More menu', diff --git a/src/components/NotificationsCard/Notifications.stories.tsx b/src/components/NotificationsCard/Notifications.stories.tsx index 6dd0b12..4bdc03d 100644 --- a/src/components/NotificationsCard/Notifications.stories.tsx +++ b/src/components/NotificationsCard/Notifications.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import NotificationsData from '../../../public/mocks/Notifications.json'; -import NotificationsCard from './NotificationsCard.tsx'; +import { NotificationsCard } from './NotificationsCard.tsx'; const meta = { title: 'Components/Notifications/List', diff --git a/src/components/NotificationsItem/NotificationsItem.stories.tsx b/src/components/NotificationsItem/NotificationsItem.stories.tsx index 3f5e8a4..5346833 100644 --- a/src/components/NotificationsItem/NotificationsItem.stories.tsx +++ b/src/components/NotificationsItem/NotificationsItem.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import NotificationsItem from './NotificationsItem.tsx'; +import { NotificationsItem } from './NotificationsItem.tsx'; const DATA = { notification_id: 'dcffd2c4-63d7-4b70-88c2-e079fc7cde6f', diff --git a/src/components/PageHeader/PageHeader.stories.tsx b/src/components/PageHeader/PageHeader.stories.tsx index 8da4509..687660e 100644 --- a/src/components/PageHeader/PageHeader.stories.tsx +++ b/src/components/PageHeader/PageHeader.stories.tsx @@ -4,7 +4,7 @@ import { Link } from 'react-router-dom'; import { withRouter } from 'storybook-addon-react-router-v6'; import { DASHBOARD_ITEMS } from '../../constants'; -import PageHeader from './PageHeader.tsx'; +import { PageHeader } from './PageHeader.tsx'; const meta = { title: 'Components/Page header', diff --git a/src/components/PricingTable/PricingTable.stories.tsx b/src/components/PricingTable/PricingTable.stories.tsx index 5f62fc8..ec08fd5 100644 --- a/src/components/PricingTable/PricingTable.stories.tsx +++ b/src/components/PricingTable/PricingTable.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import PricingData from '../../../public/mocks/Pricing.json'; -import PricingTable from './PricingTable.tsx'; +import { PricingTable } from './PricingTable.tsx'; const meta = { title: 'Components/Pricing table', diff --git a/src/components/RefreshBtn/RefreshBtn.stories.tsx b/src/components/RefreshBtn/RefreshBtn.stories.tsx index da63050..2890999 100644 --- a/src/components/RefreshBtn/RefreshBtn.stories.tsx +++ b/src/components/RefreshBtn/RefreshBtn.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import RefreshBtn from './RefreshBtn.tsx'; +import { RefreshBtn } from './RefreshBtn.tsx'; const meta = { title: 'Components/Refresh button', diff --git a/src/components/SitemapCard/SitemapCard.stories.tsx b/src/components/SitemapCard/SitemapCard.stories.tsx index 50f1b0d..a6874ea 100644 --- a/src/components/SitemapCard/SitemapCard.stories.tsx +++ b/src/components/SitemapCard/SitemapCard.stories.tsx @@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import { withRouter } from 'storybook-addon-react-router-v6'; import { DASHBOARD_ITEMS } from '../../constants'; -import SitemapCard from './SitemapCard.tsx'; +import { SitemapCard } from './SitemapCard.tsx'; const meta = { title: 'Components/Sitemap', diff --git a/src/components/SocialMediaCard/SocialMediaCard.stories.tsx b/src/components/SocialMediaCard/SocialMediaCard.stories.tsx index 43fdf0a..928dd8b 100644 --- a/src/components/SocialMediaCard/SocialMediaCard.stories.tsx +++ b/src/components/SocialMediaCard/SocialMediaCard.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import SocialMediaCard from './SocialMediaCard.tsx'; +import { SocialMediaCard } from './SocialMediaCard.tsx'; const meta = { title: 'Components/Social media', diff --git a/src/components/TimelineCard/TimelineCard.stories.tsx b/src/components/TimelineCard/TimelineCard.stories.tsx index 9a5a7b5..0625ac7 100644 --- a/src/components/TimelineCard/TimelineCard.stories.tsx +++ b/src/components/TimelineCard/TimelineCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import TimelineData from '../../../public/mocks/TimelineActivity.json'; -import TimelineCard from './TimelineCard.tsx'; +import { TimelineCard } from './TimelineCard.tsx'; const meta = { title: 'Components/Timeline', diff --git a/src/components/UserAvatar/UserAvatar.stories.tsx b/src/components/UserAvatar/UserAvatar.stories.tsx index a15c395..beb7cc2 100644 --- a/src/components/UserAvatar/UserAvatar.stories.tsx +++ b/src/components/UserAvatar/UserAvatar.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import UserAvatar from './UserAvatar.tsx'; +import { UserAvatar } from './UserAvatar.tsx'; const meta = { title: 'Components/User avatar', diff --git a/src/components/corporate/BlogsListCard/BlogListCard.stories.tsx b/src/components/corporate/BlogsListCard/BlogListCard.stories.tsx index ff787a8..29d111f 100644 --- a/src/components/corporate/BlogsListCard/BlogListCard.stories.tsx +++ b/src/components/corporate/BlogsListCard/BlogListCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import { withRouter } from 'storybook-addon-react-router-v6'; -import BlogsListCard from './BlogsListCard.tsx'; +import { BlogsListCard } from './BlogsListCard.tsx'; const MOCK_DATA = Array.from({ length: 5 }).map((_, i) => ({ href: 'https://ant.design', diff --git a/src/components/dashboard/bidding/CategoriesCard/Categories.stories.tsx b/src/components/dashboard/bidding/CategoriesCard/Categories.stories.tsx index 498bed2..8f38153 100644 --- a/src/components/dashboard/bidding/CategoriesCard/Categories.stories.tsx +++ b/src/components/dashboard/bidding/CategoriesCard/Categories.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import CategoriesCard from './CategoriesCard.tsx'; +import { CategoriesCard } from './CategoriesCard.tsx'; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export const meta = { diff --git a/src/components/dashboard/bidding/CreatorsCard/CreatorsCard.stories.tsx b/src/components/dashboard/bidding/CreatorsCard/CreatorsCard.stories.tsx index 72686af..6e5474a 100644 --- a/src/components/dashboard/bidding/CreatorsCard/CreatorsCard.stories.tsx +++ b/src/components/dashboard/bidding/CreatorsCard/CreatorsCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import CreatorsData from '../../../../../public/mocks/AuctionCreators.json'; -import CreatorsCard from './CreatorsCard.tsx'; +import { CreatorsCard } from './CreatorsCard.tsx'; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export const meta = { diff --git a/src/components/dashboard/bidding/TopItemsCard/TopItems.stories.tsx b/src/components/dashboard/bidding/TopItemsCard/TopItems.stories.tsx index f5b34e1..e463a07 100644 --- a/src/components/dashboard/bidding/TopItemsCard/TopItems.stories.tsx +++ b/src/components/dashboard/bidding/TopItemsCard/TopItems.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import TopItemsData from '../../../../../public/mocks/BiddingTopSellers.json'; -import TopItems from './TopItems.tsx'; +import { TopItems } from './TopItems.tsx'; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export const meta = { diff --git a/src/components/dashboard/bidding/TransactionsCard/TransactionsCard.stories.tsx b/src/components/dashboard/bidding/TransactionsCard/TransactionsCard.stories.tsx index 314e43b..eaab236 100644 --- a/src/components/dashboard/bidding/TransactionsCard/TransactionsCard.stories.tsx +++ b/src/components/dashboard/bidding/TransactionsCard/TransactionsCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import TransactionsData from '../../../../../public/mocks/BiddingTransactions.json'; -import TransactionsCard from './TransactionsCard.tsx'; +import { TransactionsCard } from './TransactionsCard.tsx'; const meta = { title: 'Components/Dashboard/Bidding/Transactions table', diff --git a/src/components/dashboard/default/CampaignsCard/CampaignsCard.stories.tsx b/src/components/dashboard/default/CampaignsCard/CampaignsCard.stories.tsx index 3619ce3..5bf5fd9 100644 --- a/src/components/dashboard/default/CampaignsCard/CampaignsCard.stories.tsx +++ b/src/components/dashboard/default/CampaignsCard/CampaignsCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import CampaignsData from '../../../../../public/mocks/Campaigns.json'; -import CampaignsCard from './CampaignsCard.tsx'; +import { CampaignsCard } from './CampaignsCard.tsx'; const meta = { title: 'Components/Dashboard/Default/Campaigns table', diff --git a/src/components/dashboard/default/EarningsCard/EarningsCard.stories.tsx b/src/components/dashboard/default/EarningsCard/EarningsCard.stories.tsx index 7d38b26..26bdd3f 100644 --- a/src/components/dashboard/default/EarningsCard/EarningsCard.stories.tsx +++ b/src/components/dashboard/default/EarningsCard/EarningsCard.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import EarningsCard from './EarningsCard.tsx'; +import { EarningsCard } from './EarningsCard.tsx'; const meta = { title: 'Components/Dashboard/Default/Earnings card', diff --git a/src/components/dashboard/default/GetStartedCard/GetStartedCard.stories.tsx b/src/components/dashboard/default/GetStartedCard/GetStartedCard.stories.tsx index 2fba75f..f7bd5b6 100644 --- a/src/components/dashboard/default/GetStartedCard/GetStartedCard.stories.tsx +++ b/src/components/dashboard/default/GetStartedCard/GetStartedCard.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import GetStartedCard from './GetStartedCard.tsx'; +import { GetStartedCard } from './GetStartedCard.tsx'; const meta = { title: 'Components/Dashboard/Default/Get started card', diff --git a/src/components/dashboard/default/LatestOrdersCard/LatestOrdersCard.stories.tsx b/src/components/dashboard/default/LatestOrdersCard/LatestOrdersCard.stories.tsx index 4020691..cebfb00 100644 --- a/src/components/dashboard/default/LatestOrdersCard/LatestOrdersCard.stories.tsx +++ b/src/components/dashboard/default/LatestOrdersCard/LatestOrdersCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import CampaignsData from '../../../../../public/mocks/Campaigns.json'; -import LatestOrdersCard from './LatestOrdersCard.tsx'; +import { LatestOrdersCard } from './LatestOrdersCard.tsx'; const meta = { title: 'Components/Dashboard/Default/Orders/Table', diff --git a/src/components/dashboard/default/OrdersChart/OrdersChart.stories.tsx b/src/components/dashboard/default/OrdersChart/OrdersChart.stories.tsx index f815e87..75de3e8 100644 --- a/src/components/dashboard/default/OrdersChart/OrdersChart.stories.tsx +++ b/src/components/dashboard/default/OrdersChart/OrdersChart.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import OrdersChart from './OrdersChart.tsx'; +import { OrdersChart } from './OrdersChart.tsx'; const meta = { title: 'Components/Dashboard/Default/Orders/Chart', diff --git a/src/components/dashboard/default/RecentUsersCard/RecentUsersCard.stories.tsx b/src/components/dashboard/default/RecentUsersCard/RecentUsersCard.stories.tsx index f44cace..267bd5e 100644 --- a/src/components/dashboard/default/RecentUsersCard/RecentUsersCard.stories.tsx +++ b/src/components/dashboard/default/RecentUsersCard/RecentUsersCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import CampaignsData from '../../../../../public/mocks/Campaigns.json'; -import RecentUsersCard from './RecentUsersCard.tsx'; +import { RecentUsersCard } from './RecentUsersCard.tsx'; const meta = { title: 'Components/Dashboard/Default/Users card', diff --git a/src/components/dashboard/default/SubscribersChart/SubscribersChart.stories.tsx b/src/components/dashboard/default/SubscribersChart/SubscribersChart.stories.tsx index e055787..a075464 100644 --- a/src/components/dashboard/default/SubscribersChart/SubscribersChart.stories.tsx +++ b/src/components/dashboard/default/SubscribersChart/SubscribersChart.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import SubscribersChart from './SubscribersChart.tsx'; +import { SubscribersChart } from './SubscribersChart.tsx'; const meta = { title: 'Components/Dashboard/Default/Subscribers card', diff --git a/src/components/dashboard/default/TasksChartCard/TasksChart.stories.tsx b/src/components/dashboard/default/TasksChartCard/TasksChart.stories.tsx index 153b1d5..07992c5 100644 --- a/src/components/dashboard/default/TasksChartCard/TasksChart.stories.tsx +++ b/src/components/dashboard/default/TasksChartCard/TasksChart.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import TasksChartCard from './TasksChartCard.tsx'; +import { TasksChartCard } from './TasksChartCard.tsx'; const TASKS_DATA = [ { diff --git a/src/components/dashboard/default/TasksListCard/TasksList.stories.tsx b/src/components/dashboard/default/TasksListCard/TasksList.stories.tsx index 66d2923..ec304f8 100644 --- a/src/components/dashboard/default/TasksListCard/TasksList.stories.tsx +++ b/src/components/dashboard/default/TasksListCard/TasksList.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import TasksListData from '../../../../../public/mocks/TasksList.json'; -import TasksListCard from './TasksListCard.tsx'; +import { TasksListCard } from './TasksListCard.tsx'; const meta = { title: 'Components/Dashboard/Default/Tasks/List', diff --git a/src/components/dashboard/default/WeeklyActivityCard/WeeklyActivityCard.stories.tsx b/src/components/dashboard/default/WeeklyActivityCard/WeeklyActivityCard.stories.tsx index c370c02..67ac3ec 100644 --- a/src/components/dashboard/default/WeeklyActivityCard/WeeklyActivityCard.stories.tsx +++ b/src/components/dashboard/default/WeeklyActivityCard/WeeklyActivityCard.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import WeeklyActivityCard from './WeeklyActivityCard.tsx'; +import { WeeklyActivityCard } from './WeeklyActivityCard.tsx'; const ACTIVITY_DATA = [ { diff --git a/src/components/dashboard/ecommerce/CustomerReviewsCard/CustomerReviewsCard.stories.tsx b/src/components/dashboard/ecommerce/CustomerReviewsCard/CustomerReviewsCard.stories.tsx index a4a063f..35050f1 100644 --- a/src/components/dashboard/ecommerce/CustomerReviewsCard/CustomerReviewsCard.stories.tsx +++ b/src/components/dashboard/ecommerce/CustomerReviewsCard/CustomerReviewsCard.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import CustomerReviewsCard from './CustomerReviewsCard.tsx'; +import { CustomerReviewsCard } from './CustomerReviewsCard.tsx'; const meta = { title: 'Components/Dashboard/Ecommerce/Customer reviews card', diff --git a/src/components/dashboard/learning/CommunityGroupsCard/CommunityGroupsCard.stories.tsx b/src/components/dashboard/learning/CommunityGroupsCard/CommunityGroupsCard.stories.tsx index 58cc9d0..e96478e 100644 --- a/src/components/dashboard/learning/CommunityGroupsCard/CommunityGroupsCard.stories.tsx +++ b/src/components/dashboard/learning/CommunityGroupsCard/CommunityGroupsCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import CommunityGroupsData from '../../../../../public/mocks/CommunityGroups.json'; -import CommunityGroupCard from './CommunityGroupCard.tsx'; +import { CommunityGroupCard } from './CommunityGroupCard.tsx'; const meta = { title: 'Components/Dashboard/Learning/Communities card', diff --git a/src/components/dashboard/learning/CoursesCard/CoursesCard.stories.tsx b/src/components/dashboard/learning/CoursesCard/CoursesCard.stories.tsx index 1033231..35fc64b 100644 --- a/src/components/dashboard/learning/CoursesCard/CoursesCard.stories.tsx +++ b/src/components/dashboard/learning/CoursesCard/CoursesCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import CoursesData from '../../../../../public/mocks/Courses.json'; -import CoursesCard from './CoursesCard.tsx'; +import { CoursesCard } from './CoursesCard.tsx'; const meta = { title: 'Components/Dashboard/Learning/Courses/Table', diff --git a/src/components/dashboard/learning/CoursesCarousel/CoursesCaroursel.stories.tsx b/src/components/dashboard/learning/CoursesCarousel/CoursesCaroursel.stories.tsx index c12c1cf..bec87d0 100644 --- a/src/components/dashboard/learning/CoursesCarousel/CoursesCaroursel.stories.tsx +++ b/src/components/dashboard/learning/CoursesCarousel/CoursesCaroursel.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import CoursesData from '../../../../../public/mocks/RecommendedCourses.json'; -import CoursesCarousel from './CoursesCarousel.tsx'; +import { CoursesCarousel } from './CoursesCarousel.tsx'; const meta = { title: 'Components/Dashboard/Learning/Courses/Carousel', diff --git a/src/components/dashboard/learning/ExamsCard/ExamsCard.stories.tsx b/src/components/dashboard/learning/ExamsCard/ExamsCard.stories.tsx index c3697c8..8afc1fc 100644 --- a/src/components/dashboard/learning/ExamsCard/ExamsCard.stories.tsx +++ b/src/components/dashboard/learning/ExamsCard/ExamsCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import ExamsData from '../../../../../public/mocks/Exams.json'; -import ExamsCard from './ExamsCard.tsx'; +import { ExamsCard } from './ExamsCard.tsx'; const meta = { title: 'Components/Dashboard/Learning/Exams card', diff --git a/src/components/dashboard/learning/ProgressCard/ProgressCard.stories.tsx b/src/components/dashboard/learning/ProgressCard/ProgressCard.stories.tsx index 0f1b539..0903adc 100644 --- a/src/components/dashboard/learning/ProgressCard/ProgressCard.stories.tsx +++ b/src/components/dashboard/learning/ProgressCard/ProgressCard.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import ProgressCard from './ProgressCard.tsx'; +import { ProgressCard } from './ProgressCard.tsx'; const meta = { title: 'Components/Dashboard/Learning/Progress card', diff --git a/src/components/dashboard/learning/StatsCard/StatsCard.stories.tsx b/src/components/dashboard/learning/StatsCard/StatsCard.stories.tsx index ba2cbcb..262a508 100644 --- a/src/components/dashboard/learning/StatsCard/StatsCard.stories.tsx +++ b/src/components/dashboard/learning/StatsCard/StatsCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import { FileSyncOutlined } from '@ant-design/icons'; -import StatsCard from './StatsCard.tsx'; +import { StatsCard } from './StatsCard.tsx'; const meta = { title: 'Components/Dashboard/Learning/Stats card', diff --git a/src/components/dashboard/learning/StudyStatisticsCard/StudyStatisticssCard.stories.tsx b/src/components/dashboard/learning/StudyStatisticsCard/StudyStatisticssCard.stories.tsx index a423aac..1c38b2e 100644 --- a/src/components/dashboard/learning/StudyStatisticsCard/StudyStatisticssCard.stories.tsx +++ b/src/components/dashboard/learning/StudyStatisticsCard/StudyStatisticssCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import StudyData from '../../../../../public/mocks/StudyStatistics.json'; -import StudyStatisticsCard from './StudyStatisticsCard.tsx'; +import { StudyStatisticsCard } from './StudyStatisticsCard.tsx'; const meta = { title: 'Components/Dashboard/Learning/Study stats card', diff --git a/src/components/dashboard/logistics/DailyPlanCard/DailyPlanCard.stories.tsx b/src/components/dashboard/logistics/DailyPlanCard/DailyPlanCard.stories.tsx index 7db30d8..3f536b8 100644 --- a/src/components/dashboard/logistics/DailyPlanCard/DailyPlanCard.stories.tsx +++ b/src/components/dashboard/logistics/DailyPlanCard/DailyPlanCard.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import DailyPlanCard from './DailyPlanCard.tsx'; +import { DailyPlanCard } from './DailyPlanCard.tsx'; const PLAN_DATA = [ { diff --git a/src/components/dashboard/logistics/DeliveryAnalyticsCard/DeliveryAnalyticsCard.stories.tsx b/src/components/dashboard/logistics/DeliveryAnalyticsCard/DeliveryAnalyticsCard.stories.tsx index c533c3c..ef7ed2a 100644 --- a/src/components/dashboard/logistics/DeliveryAnalyticsCard/DeliveryAnalyticsCard.stories.tsx +++ b/src/components/dashboard/logistics/DeliveryAnalyticsCard/DeliveryAnalyticsCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import DeliveryAnalytics from '../../../../../public/mocks/DeliveryAnalytics.json'; -import DeliveryAnalyticsCard from './DeliveryAnalyticsCard.tsx'; +import { DeliveryAnalyticsCard } from './DeliveryAnalyticsCard.tsx'; const meta = { title: 'Components/Dashboard/Logistics/Delivery/Analytics', diff --git a/src/components/dashboard/logistics/DeliveryRequestCard/DeliveryRequestCard.stories.tsx b/src/components/dashboard/logistics/DeliveryRequestCard/DeliveryRequestCard.stories.tsx index 92469e6..183e929 100644 --- a/src/components/dashboard/logistics/DeliveryRequestCard/DeliveryRequestCard.stories.tsx +++ b/src/components/dashboard/logistics/DeliveryRequestCard/DeliveryRequestCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import TruckDeliveryRequest from '../../../../../public/mocks/TruckDeliveryRequest.json'; -import DeliveryRequestCard from './DeliveryRequestCard.tsx'; +import { DeliveryRequestCard } from './DeliveryRequestCard.tsx'; const meta = { title: 'Components/Dashboard/Logistics/Delivery/Requests', diff --git a/src/components/dashboard/logistics/DeliveryTableCard/DeliveryTableCard.stories.tsx b/src/components/dashboard/logistics/DeliveryTableCard/DeliveryTableCard.stories.tsx index 0108283..1f8f94a 100644 --- a/src/components/dashboard/logistics/DeliveryTableCard/DeliveryTableCard.stories.tsx +++ b/src/components/dashboard/logistics/DeliveryTableCard/DeliveryTableCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import TruckDeliveryRequest from '../../../../../public/mocks/TruckDeliveries.json'; -import DeliveryTableCard from './DeliveryTableCard.tsx'; +import { DeliveryTableCard } from './DeliveryTableCard.tsx'; const meta = { title: 'Components/Dashboard/Logistics/Delivery/Table', diff --git a/src/components/dashboard/logistics/StatsCard/StatsCard.stories.tsx b/src/components/dashboard/logistics/StatsCard/StatsCard.stories.tsx index 2a48de2..d77c452 100644 --- a/src/components/dashboard/logistics/StatsCard/StatsCard.stories.tsx +++ b/src/components/dashboard/logistics/StatsCard/StatsCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import { BlockOutlined } from '@ant-design/icons'; -import StatsCard from './StatsCard.tsx'; +import { StatsCard } from './StatsCard.tsx'; const STATS = { icon: BlockOutlined, diff --git a/src/components/dashboard/logistics/TrucksListCard/TruckListCard.stories.tsx b/src/components/dashboard/logistics/TrucksListCard/TruckListCard.stories.tsx index 08e162c..b722b16 100644 --- a/src/components/dashboard/logistics/TrucksListCard/TruckListCard.stories.tsx +++ b/src/components/dashboard/logistics/TrucksListCard/TruckListCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import TrucksData from '../../../../../public/mocks/Trucks.json'; -import TruckListCard from './TruckListCard.tsx'; +import { TruckListCard } from './TruckListCard.tsx'; const meta = { title: 'Components/Dashboard/Logistics/Trucks list', diff --git a/src/components/dashboard/marketing/AudienceLocationChart/AudienceLocationChart.stories.tsx b/src/components/dashboard/marketing/AudienceLocationChart/AudienceLocationChart.stories.tsx index 48c838d..550eb1e 100644 --- a/src/components/dashboard/marketing/AudienceLocationChart/AudienceLocationChart.stories.tsx +++ b/src/components/dashboard/marketing/AudienceLocationChart/AudienceLocationChart.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import AudienceLocationChart from './AudienceLocationChart.tsx'; +import { AudienceLocationChart } from './AudienceLocationChart.tsx'; const meta = { title: 'Components/Dashboard/Marketing/Audience chart', diff --git a/src/components/dashboard/marketing/CampaignsActivity/CampaignsActivity.stories.tsx b/src/components/dashboard/marketing/CampaignsActivity/CampaignsActivity.stories.tsx index 193597d..5380809 100644 --- a/src/components/dashboard/marketing/CampaignsActivity/CampaignsActivity.stories.tsx +++ b/src/components/dashboard/marketing/CampaignsActivity/CampaignsActivity.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import CampaignsActivity from './CampaignsActivity.tsx'; +import { CampaignsActivity } from './CampaignsActivity.tsx'; const meta = { title: 'Components/Dashboard/Marketing/Campaigns/Calendar', diff --git a/src/components/dashboard/marketing/CampaignsAdsCard/CampaignAdsCard.stories.tsx b/src/components/dashboard/marketing/CampaignsAdsCard/CampaignAdsCard.stories.tsx index 427178f..0a46ab3 100644 --- a/src/components/dashboard/marketing/CampaignsAdsCard/CampaignAdsCard.stories.tsx +++ b/src/components/dashboard/marketing/CampaignsAdsCard/CampaignAdsCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import CampaignsData from '../../../../../public/mocks/CampaignAds.json'; -import CampaignsAdsCard from './CampaignsAdsCard.tsx'; +import { CampaignsAdsCard } from './CampaignsAdsCard.tsx'; const meta = { title: 'Components/Dashboard/Marketing/Campaigns/Ads stats', diff --git a/src/components/dashboard/marketing/SocialStatsCard/SocialStatsCard.stories.tsx b/src/components/dashboard/marketing/SocialStatsCard/SocialStatsCard.stories.tsx index 0491348..364ba8a 100644 --- a/src/components/dashboard/marketing/SocialStatsCard/SocialStatsCard.stories.tsx +++ b/src/components/dashboard/marketing/SocialStatsCard/SocialStatsCard.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import SocialStatsCard from './SocialStatsCard.tsx'; +import { SocialStatsCard } from './SocialStatsCard.tsx'; const meta = { title: 'Components/Dashboard/Marketing/Social stats', diff --git a/src/components/dashboard/marketing/StatsCard/StatsCard.stories.tsx b/src/components/dashboard/marketing/StatsCard/StatsCard.stories.tsx index 22aa313..654df4a 100644 --- a/src/components/dashboard/marketing/StatsCard/StatsCard.stories.tsx +++ b/src/components/dashboard/marketing/StatsCard/StatsCard.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import StatsCard from './StatsCard.tsx'; +import { StatsCard } from './StatsCard.tsx'; const STATS = { data: [274, 337, 81, 497], diff --git a/src/components/dashboard/marketing/VisitorsChartCard/VisitorsChartCard.stories.tsx b/src/components/dashboard/marketing/VisitorsChartCard/VisitorsChartCard.stories.tsx index 38f5ecc..9a633fc 100644 --- a/src/components/dashboard/marketing/VisitorsChartCard/VisitorsChartCard.stories.tsx +++ b/src/components/dashboard/marketing/VisitorsChartCard/VisitorsChartCard.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import VisitorsChartCard from './VisitorsChartCard.tsx'; +import { VisitorsChartCard } from './VisitorsChartCard.tsx'; const meta = { title: 'Components/Dashboard/Marketing/Visitors', diff --git a/src/components/dashboard/projects/ClientsTable/ClientsTable.stories.tsx b/src/components/dashboard/projects/ClientsTable/ClientsTable.stories.tsx index 1f99b3d..b4c0fec 100644 --- a/src/components/dashboard/projects/ClientsTable/ClientsTable.stories.tsx +++ b/src/components/dashboard/projects/ClientsTable/ClientsTable.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import ClientsData from '../../../../../public/mocks/Clients.json'; -import ClientsTable from './ClientsTable.tsx'; +import { ClientsTable } from './ClientsTable.tsx'; const meta = { title: 'Components/Dashboard/Projects/Clients', diff --git a/src/components/dashboard/projects/ProjectsCountCard/ProjectsCountCard.stories.tsx b/src/components/dashboard/projects/ProjectsCountCard/ProjectsCountCard.stories.tsx index b39b4b9..17c8e78 100644 --- a/src/components/dashboard/projects/ProjectsCountCard/ProjectsCountCard.stories.tsx +++ b/src/components/dashboard/projects/ProjectsCountCard/ProjectsCountCard.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import ProjectsCountCard from './ProjectsCountCard.tsx'; +import { ProjectsCountCard } from './ProjectsCountCard.tsx'; const meta = { title: 'Components/Dashboard/Projects/Project count', diff --git a/src/components/dashboard/projects/ProjectsTables/ProjectsTable.stories.tsx b/src/components/dashboard/projects/ProjectsTables/ProjectsTable.stories.tsx index 9380632..5aa63f6 100644 --- a/src/components/dashboard/projects/ProjectsTables/ProjectsTable.stories.tsx +++ b/src/components/dashboard/projects/ProjectsTables/ProjectsTable.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import ProjectsData from '../../../../../public/mocks/Projects.json'; -import ProjectsTable from './ProjectsTable.tsx'; +import { ProjectsTable } from './ProjectsTable.tsx'; const meta = { title: 'Components/Dashboard/Projects/Projects table', diff --git a/src/components/dashboard/shared/PostsCard/PostsCard.stories.tsx b/src/components/dashboard/shared/PostsCard/PostsCard.stories.tsx index f8d3a68..41547ad 100644 --- a/src/components/dashboard/shared/PostsCard/PostsCard.stories.tsx +++ b/src/components/dashboard/shared/PostsCard/PostsCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import PostsData from '../../../../../public/mocks/ScheduledPosts.json'; -import PostsCard from './PostsCard.tsx'; +import { PostsCard } from './PostsCard.tsx'; const meta = { title: 'Components/Posts list', diff --git a/src/components/dashboard/shared/ProjectsCard/ProjectsCard.stories.tsx b/src/components/dashboard/shared/ProjectsCard/ProjectsCard.stories.tsx index ec96d92..799f6ee 100644 --- a/src/components/dashboard/shared/ProjectsCard/ProjectsCard.stories.tsx +++ b/src/components/dashboard/shared/ProjectsCard/ProjectsCard.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import ProjectsCard from './ProjectsCard.tsx'; +import { ProjectsCard } from './ProjectsCard.tsx'; const DATA = { project_id: 'ea74b32d-6466-4ef7-87cb-a17e0c38c1a8', diff --git a/src/components/dashboard/shared/RevenueCard/RevenueCard.stories.tsx b/src/components/dashboard/shared/RevenueCard/RevenueCard.stories.tsx index 4dae9a6..34ec675 100644 --- a/src/components/dashboard/shared/RevenueCard/RevenueCard.stories.tsx +++ b/src/components/dashboard/shared/RevenueCard/RevenueCard.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import RevenueCard from './RevenueCard.tsx'; +import { RevenueCard } from './RevenueCard.tsx'; const meta = { title: 'Components/Revenue', diff --git a/src/components/dashboard/social/CommentsCard/CommentsCard.stories.tsx b/src/components/dashboard/social/CommentsCard/CommentsCard.stories.tsx index 91ab856..b254b0a 100644 --- a/src/components/dashboard/social/CommentsCard/CommentsCard.stories.tsx +++ b/src/components/dashboard/social/CommentsCard/CommentsCard.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import SocialsCommentsData from '../../../../../public/mocks/SocialComments.json'; -import CommentsCard from './CommentsCard.tsx'; +import { CommentsCard } from './CommentsCard.tsx'; const meta = { title: 'Components/Dashboard/Social/Comments', diff --git a/src/components/dashboard/social/DevicesCardChart/DevicesCardChart.stories.tsx b/src/components/dashboard/social/DevicesCardChart/DevicesCardChart.stories.tsx index 4814589..7fc1824 100644 --- a/src/components/dashboard/social/DevicesCardChart/DevicesCardChart.stories.tsx +++ b/src/components/dashboard/social/DevicesCardChart/DevicesCardChart.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import DevicesCardChart from './DevicesCardChart.tsx'; +import { DevicesCardChart } from './DevicesCardChart.tsx'; const meta = { title: 'Components/Dashboard/Social/Devices chart', diff --git a/src/components/dashboard/social/FollowersChart/FollowersChart.stories.tsx b/src/components/dashboard/social/FollowersChart/FollowersChart.stories.tsx index 9a78efb..d331efa 100644 --- a/src/components/dashboard/social/FollowersChart/FollowersChart.stories.tsx +++ b/src/components/dashboard/social/FollowersChart/FollowersChart.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import FollowersChart from './FollowersChart.tsx'; +import { FollowersChart } from './FollowersChart.tsx'; const meta = { title: 'Components/Dashboard/Social/Followers chart', diff --git a/src/components/dashboard/social/LikesChart/LikesChart.stories.tsx b/src/components/dashboard/social/LikesChart/LikesChart.stories.tsx index aa8bcf2..ca6e35a 100644 --- a/src/components/dashboard/social/LikesChart/LikesChart.stories.tsx +++ b/src/components/dashboard/social/LikesChart/LikesChart.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import LikesChart from './LikesChart.tsx'; +import { LikesChart } from './LikesChart.tsx'; const meta = { title: 'Components/Dashboard/Social/Likes', diff --git a/src/components/dashboard/social/MilestonesCard/MilestonesCard.stories.tsx b/src/components/dashboard/social/MilestonesCard/MilestonesCard.stories.tsx index ccfa05c..0a637b0 100644 --- a/src/components/dashboard/social/MilestonesCard/MilestonesCard.stories.tsx +++ b/src/components/dashboard/social/MilestonesCard/MilestonesCard.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import MilestonesCard from './MilestonesCard.tsx'; +import { MilestonesCard } from './MilestonesCard.tsx'; const meta = { title: 'Components/Dashboard/Social/Milestones', diff --git a/src/components/dashboard/social/SocialStatsCard/SocialStatsCard.stories.tsx b/src/components/dashboard/social/SocialStatsCard/SocialStatsCard.stories.tsx index bcc28de..8736a88 100644 --- a/src/components/dashboard/social/SocialStatsCard/SocialStatsCard.stories.tsx +++ b/src/components/dashboard/social/SocialStatsCard/SocialStatsCard.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import SocialStatsCard from './SocialStatsCard.tsx'; +import { SocialStatsCard } from './SocialStatsCard.tsx'; const DATA = { title: 'followers', From f4427f7e8d479add5c1e94cef60395e052947933 Mon Sep 17 00:00:00 2001 From: Kelvin Kiptum Kiprop Date: Wed, 3 Apr 2024 22:53:22 +0300 Subject: [PATCH 3/6] chore: refactored stories imports and exports --- .../dashboard/bidding/TopItemsCard/TopItems.stories.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/dashboard/bidding/TopItemsCard/TopItems.stories.tsx b/src/components/dashboard/bidding/TopItemsCard/TopItems.stories.tsx index e463a07..e04eb9d 100644 --- a/src/components/dashboard/bidding/TopItemsCard/TopItems.stories.tsx +++ b/src/components/dashboard/bidding/TopItemsCard/TopItems.stories.tsx @@ -1,12 +1,12 @@ import type { Meta, StoryObj } from '@storybook/react'; import TopItemsData from '../../../../../public/mocks/BiddingTopSellers.json'; -import { TopItems } from './TopItems.tsx'; +import { TopItemsCard } from './TopItems.tsx'; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export const meta = { title: 'Components/Dashboard/Bidding/Top items table', - component: TopItems, + component: TopItemsCard, parameters: { // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout layout: 'centered', @@ -14,7 +14,7 @@ const meta = { // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs tags: ['autodocs'], // More on argTypes: https://storybook.js.org/docs/react/api/argtypes -} satisfies Meta; +} satisfies Meta; export default meta; type Story = StoryObj; From dbfcb7e91bff832599fc8fed032d2aeece16b7f1 Mon Sep 17 00:00:00 2001 From: Kelvin Kiptum Kiprop Date: Wed, 3 Apr 2024 23:29:10 +0300 Subject: [PATCH 4/6] feat(page): added about project page, added CONTRIBUTING.md docs --- .changeset/tiny-apes-sort.md | 5 ++++ CONTRIBUTING.md | 55 +++++++++++++++++++++++++++++++++--- README.md | 4 +-- src/layouts/app/SideNav.tsx | 2 +- src/pages/About.tsx | 46 +++++++++++++++++++----------- src/routes/routes.tsx | 19 ++++++++++--- 6 files changed, 104 insertions(+), 27 deletions(-) create mode 100644 .changeset/tiny-apes-sort.md diff --git a/.changeset/tiny-apes-sort.md b/.changeset/tiny-apes-sort.md new file mode 100644 index 0000000..4a69cd4 --- /dev/null +++ b/.changeset/tiny-apes-sort.md @@ -0,0 +1,5 @@ +--- +'antd-multi-dashboard': minor +--- + +optimized imports, added project about page and made UI simple and minimal diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 121880e..c016664 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -1,4 +1,51 @@ -This repo uses [changesets](https://github.com/changesets/changesets) to -make releasing updates easier. For you, the contributor, this means you -should run `npm run changeset` when you've got your changes ready. For -more details, see this short document on [adding a changeset](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md#i-am-in-a-single-package-repository). +# Contributing + +👍🎉 First off, thanks for taking the time to contribute! 🎉👍 + +If you have found an issue or would like to request a new feature, simply create a new issue detailing the request. We also welcome pull requests. See below for information on getting started with development and submitting pull requests. + +Please note we have a [code of conduct](https://github.com/design-sparx/antd-multipurpose-dashboard/blob/main/CODE_OF_CONDUCT.md), please follow it in all your interactions with the project. + +> This repo uses [changesets](https://github.com/changesets/changesets) to +> make releasing updates easier. For you, the contributor, this means you +> should run `npm run changeset` when you've got your changes ready. For +> more details, see this short document on [adding a changeset](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md#i-am-in-a-single-package-repository). + +## Found an Issue? + +If you find a bug in the source code or a mistake in the documentation, you can help us by submitting an issue to our [GitHub Repository](https://github.com/design-sparx/antd-multipurpose-dashboard/issues/new/choose). Even better you can submit a Pull Request with a fix. + +## Submitting a Pull Request + +1. Make sure that the contribution you want to make is explained or detailed in a GitHub issue! Find an [existing issue](https://github.com/design-sparx/antd-multipurpose-dashboard/issues) or [open a new one](https://github.com/design-sparx/antd-multipurpose-dashboard/issues/new/choose). +2. Once done, [fork the repository](https://github.com/design-sparx/antd-multipurpose-dashboard/fork) in your own GitHub account. +3. [Create a new Git branch](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-and-deleting-branches-within-your-repository). +4. Make the changes on your branch. +5. [Submit the branch as a PR](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request-from-a-fork) pointing to the main branch of the main repository. + > We do not enforce a naming convention for the PRs, but please use something descriptive of your changes. + +## Development Workflow + +Install dependencies + +``` +pnpm install +``` + +Run dev server + +``` +pnpm run dev +``` + +## Linter + +Each PR should pass the linter to be accepted. To fix lint and prettier errors, run `pnpm run lint:fix` and `pnpm run prettier:fix`. + +## Commit Message + +We use [commitlint](https://commitlint.js.org/guides/getting-started) to manage and standardize our commits: + +- check [commitlint conventional guides](https://github.com/conventional-changelog/commitlint?tab=readme-ov-file#what-is-commitlint), +- not finish by a dot or any other punctuation character (!,?), +- start with a verb so that we can read your commit message this way: "This commit will ...", where "..." is the commit message. e.g.: "Fix the home page button" or "Add support for dark mode" diff --git a/README.md b/README.md index af276d1..a01dcad 100644 --- a/README.md +++ b/README.md @@ -34,7 +34,7 @@ - [Live preview](https://antd-multipurpose-dashboard.netlify.app/) - [Components preview](https://6546507b657a74164abf2db6-iqmnggdrcl.chromatic.com/) - [Medium](https://medium.com/@kelvink96/designing-modern-dashboards-a-journey-through-react-vite-ant-design-and-storybook-2dac23e1e49a) -- [Product roadmap](https://kelvink96.notion.site/Antd-multipurpose-dashboard-Product-roadmap-92163e05b8ea444a8f87b7f834933069) _ **New** _ +- [Product roadmap](https://kelvink96.notion.site/Antd-multipurpose-dashboard-Product-roadmap-92163e05b8ea444a8f87b7f834933069) **New** ## Introduction @@ -164,7 +164,7 @@ the source files are included in the package. ┃ ┣ 📂 assets/ # Assets folder ** ┃ ┣ 📂 components/ # App Components ** ┃ ┣ 📂 constants/ # App Components ** -┃ ┃ ┗ 📃 routes.ts # All routes declarations ** +┃ ┃ ┗ 📃 routes.tsx # All routes declarations ** ┃ ┣ 📂 context/ # React state conexts ** ┃ ┣ 📂 hooks/ # React Hooks ** ┃ ┃ ┗ 📃 useFetch.ts # Data fetch hook (optional) ** diff --git a/src/layouts/app/SideNav.tsx b/src/layouts/app/SideNav.tsx index fc8e777..8ffa2c3 100644 --- a/src/layouts/app/SideNav.tsx +++ b/src/layouts/app/SideNav.tsx @@ -81,7 +81,7 @@ const items: MenuProps['items'] = [ ), ]), getItem( - Sitemap, + About, 'about', ), diff --git a/src/pages/About.tsx b/src/pages/About.tsx index 838c228..824e27a 100644 --- a/src/pages/About.tsx +++ b/src/pages/About.tsx @@ -10,31 +10,35 @@ import { } from '@ant-design/icons'; import { Card, PageHeader } from '../components'; import { createElement } from 'react'; -import { DASHBOARD_ITEMS } from '../constants'; +import { DASHBOARD_ITEMS, PATH_GITHUB } from '../constants'; import { Link } from 'react-router-dom'; const { Title, Text } = Typography; const SITES = [ { - title: 'github', - description: 'source code of the website.', + title: 'GitHub', + description: 'Source code of the website.', icon: GithubOutlined, + link: PATH_GITHUB.repo, }, { title: 'Report Bug', - description: 'something not working? Report a bug', + description: 'Something not working? Report a bug', icon: BugOutlined, + link: PATH_GITHUB.repo + '/issues/new/choose', }, { title: 'Request Feature', description: 'Need something? Request a new feature.', icon: BulbOutlined, + link: PATH_GITHUB.repo + '/issues/new/choose', }, { title: 'Contribute', description: 'Contribute to this project.', icon: CodeOutlined, + link: PATH_GITHUB.repo + '/blob/main/CONTRIBUTING.md', }, ]; @@ -45,7 +49,7 @@ export const AboutPage = () => {
{ ]} /> - Antd Admin - - A dynamic and versatile multipurpose dashboard template built using - React, Vite, Ant Design, and Storybook - + + + Antd Admin + + + A dynamic and versatile multipurpose dashboard template built + using React, Vite, Ant Design, and Storybook + + {SITES.map((s) => ( - - - {createElement(s.icon)} - {s.title} - {s.description} - + + + + + {createElement(s.icon, { style: { fontSize: 24 } })} + + {s.title} + + {s.description} + + + ))} diff --git a/src/routes/routes.tsx b/src/routes/routes.tsx index 2f67f69..c1c49e3 100644 --- a/src/routes/routes.tsx +++ b/src/routes/routes.tsx @@ -34,6 +34,8 @@ import { UserProfileSecurityPage, VerifyEmailPage, WelcomePage, + LearningDashboardPage, + LogisticsDashboardPage, } from '../pages'; import { CorporateLayout, @@ -41,11 +43,8 @@ import { GuestLayout, UserAccountLayout, } from '../layouts'; -import { - LearningDashboardPage, - LogisticsDashboardPage, -} from '../pages/dashboards'; import React, { ReactNode, useEffect } from 'react'; +import { AboutPage } from '../pages/About.tsx'; // Custom scroll restoration function export const ScrollToTop: React.FC = () => { @@ -270,6 +269,18 @@ const router = createBrowserRouter([ }, ], }, + { + path: '/about', + element: } />, + errorElement: , + children: [ + { + index: true, + path: '', + element: , + }, + ], + }, ]); export default router; From 0608bd26636ea5f19c6e9c9c9ba35118fcd761a9 Mon Sep 17 00:00:00 2001 From: Kelvin Kiptum Kiprop Date: Wed, 3 Apr 2024 23:35:00 +0300 Subject: [PATCH 5/6] Create old-cups-type.md --- .changeset/old-cups-type.md | 13 +++++++++++++ 1 file changed, 13 insertions(+) create mode 100644 .changeset/old-cups-type.md diff --git a/.changeset/old-cups-type.md b/.changeset/old-cups-type.md new file mode 100644 index 0000000..ae1d70d --- /dev/null +++ b/.changeset/old-cups-type.md @@ -0,0 +1,13 @@ +--- +"antd-multi-dashboard": patch +--- + +### Code optimization & bug fixes +- chore: change onboarding flow. From landing → login → home +- feat(ui): made general user interface simple and minimal +- chore: cleaned up imports and refactors +- chore(deps-dev): bump vite from 4.5.2 to 4.5.3 +- chore: refactored pages imports and exports +- chore: refactored stories imports and exports +- feat(page): added about project page +- chore(docs): added CONTRIBUTING.md docs From 16ac56e228cf6450f3d36613e6016b3e734eea53 Mon Sep 17 00:00:00 2001 From: Kelvin Kiptum Kiprop Date: Wed, 3 Apr 2024 23:37:58 +0300 Subject: [PATCH 6/6] fix: added noopener/noreferrer to links to fix unsafe links warning --- src/pages/About.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/About.tsx b/src/pages/About.tsx index 824e27a..bbd63a4 100644 --- a/src/pages/About.tsx +++ b/src/pages/About.tsx @@ -93,7 +93,7 @@ export const AboutPage = () => { {SITES.map((s) => ( - + {createElement(s.icon, { style: { fontSize: 24 } })}