From caaba151c992a5f9a472135e5217ff6f3913e149 Mon Sep 17 00:00:00 2001 From: Zorawar Purohit <42845567+engagepy@users.noreply.github.com> Date: Fri, 20 Sep 2024 02:17:26 +0530 Subject: [PATCH 1/9] Counters Added For Community Attraction --- frontend/src/components/DataCard/datacard.tsx | 91 +++++++++++++++++++ .../sections/WhatIsDjango/WhatIsDjango.tsx | 4 +- 2 files changed, 94 insertions(+), 1 deletion(-) create mode 100644 frontend/src/components/DataCard/datacard.tsx diff --git a/frontend/src/components/DataCard/datacard.tsx b/frontend/src/components/DataCard/datacard.tsx new file mode 100644 index 00000000..bde03247 --- /dev/null +++ b/frontend/src/components/DataCard/datacard.tsx @@ -0,0 +1,91 @@ +import React, { useState, useEffect } from "react"; +import { useInView } from "react-intersection-observer"; +import { FaCity, FaGithub } from "react-icons/fa"; +import { FaUsers } from "react-icons/fa"; +import { RiLandscapeFill } from "react-icons/ri"; + +// Define props type for StatCard component +interface StatCardProps { + title: string; + subText: string; + startCount: number; + count: number; + icon: React.ReactNode; +} + +function DataCard() { + return ( +