From 73398f134d27cfc508f7e0a7ab1a53398f665163 Mon Sep 17 00:00:00 2001 From: mark8-1 Date: Tue, 1 Apr 2025 16:59:44 +0200 Subject: [PATCH 1/2] updated the database --- app/components/Home.tsx | 82 ++++++++++---- app/components/Landing.tsx | 97 +++++++---------- app/components/ToolDetailModel.tsx | 69 ++++++------ app/components/categories-drawer.tsx | 106 +++++++++++++------ public/tools-schema.js | 4 + public/tools/3cx.yaml | 6 ++ public/tools/Learn.ink.yaml | 13 +++ public/tools/angaza.yaml | 18 ++++ public/tools/bridgin.yaml | 14 +++ public/tools/carbon-clear.yaml | 6 ++ public/tools/cavex.yaml | 12 ++- public/tools/d-rec-financing-programmes.yaml | 12 +++ public/tools/d-rec.yaml | 10 +- public/tools/fieldPro.yaml | 23 ++++ public/tools/ixo.yaml | 8 ++ public/tools/micropowerManager.yaml | 17 +++ public/tools/nithio.yaml | 13 +++ public/tools/odoo.yaml | 20 ++++ public/tools/odyssey-fern.yaml | 13 +++ public/tools/paygee.yaml | 18 +++- public/tools/paygops.yaml | 28 +++++ public/tools/prospect.yaml | 15 +++ public/tools/quickbooks.yaml | 3 + public/tools/universus.yaml | 14 +++ public/tools/unleashed.yaml | 7 +- public/tools/upya.yaml | 10 ++ public/tools/vida.yaml | 11 ++ 27 files changed, 504 insertions(+), 145 deletions(-) create mode 100644 public/tools/Learn.ink.yaml create mode 100644 public/tools/angaza.yaml create mode 100644 public/tools/bridgin.yaml create mode 100644 public/tools/d-rec-financing-programmes.yaml create mode 100644 public/tools/fieldPro.yaml create mode 100644 public/tools/micropowerManager.yaml create mode 100644 public/tools/nithio.yaml create mode 100644 public/tools/odyssey-fern.yaml create mode 100644 public/tools/paygops.yaml create mode 100644 public/tools/prospect.yaml create mode 100644 public/tools/universus.yaml create mode 100644 public/tools/vida.yaml diff --git a/app/components/Home.tsx b/app/components/Home.tsx index b8fadef..96f063f 100644 --- a/app/components/Home.tsx +++ b/app/components/Home.tsx @@ -40,6 +40,7 @@ interface Tool { logo: string link?: string categories?: string[] + highlights?: string[] company: string isFree?: boolean features?: string[] @@ -87,6 +88,9 @@ const categoryMap: CategoryMap = { "Service Calls", "Tech Response", "Upselling", + "customer finance Management", + "CRM", + "HR Management", ], }, optimize: { @@ -94,11 +98,18 @@ const categoryMap: CategoryMap = { subcategories: [ "Portfolio Analysis & Management", "Impact Measurements & Performance", + "Remote Team Management", + "API Integration & connection", + "Data Download", ], }, endoflife: { name: "Product End-of-Life", - subcategories: ["Repossession & Reverse logistics", "E-Waste Management"], + subcategories: [ + "Repossession & Reverse logistics", + "E-Waste Management", + "Repair, Refurbishment Facilitation", + ], }, } @@ -200,6 +211,18 @@ const EnAccessToolMap = ({ "/tools/challenges.yaml", "/tools/carbon-clear.yaml", "/tools/cavex.yaml", + "/tools/bridgin.yaml", + "/tools/d-rec-financing-programmes.yaml", + "/tools/fieldPro.yaml", + "/tools/Learn.ink.yaml", + "/tools/micropowerManager.yaml", + "/tools/nithio.yaml", + "/tools/odyssey-fern.yaml", + "/tools/paygops.yaml", + "/tools/vida.yaml", + "/tools/angaza.yaml", + "/tools/prospect.yaml", + "/tools/universus.yaml", ] const loadedTools = await Promise.all( @@ -341,27 +364,42 @@ const EnAccessToolMap = ({ {/* Tool categories as badges */} - {tool.categories && tool.categories.length > 0 && ( - - {tool.isFree && ( - - 100% free - - )} - {tool.categories.slice(0, 2).map((category, index) => { - // Rotate through different colors for category badges - const colors = ["bg-[#8BDC7F] ", "bg-[#43BC80] "] - const colorClass = colors[index % colors.length] - - return ( - - {category} - - ) - })} + {tool.highlights && tool.highlights.length > 0 && ( + +
+ + {tool.highlights.map((category, index) => { + // Define colors explicitly for each badge + const colors = [ + "bg-[#43BC80]", + "bg-[#8BDC7F]", + "bg-[#5AC9C5]", + "bg-[#67C6AB]", + ] + + // Make sure the index is within the range of the colors array + const colorIndex = index % colors.length + const colorClass = colors[colorIndex] + + return ( + + {category} + + ) + })} +
)} diff --git a/app/components/Landing.tsx b/app/components/Landing.tsx index 686f00c..2b7dff1 100644 --- a/app/components/Landing.tsx +++ b/app/components/Landing.tsx @@ -14,6 +14,31 @@ import QuestionaireFilter from "../components/Questionairefilter" import { ToolCategoriesDrawer } from "../components/categories-drawer" import { useMobile } from "../hooks/use-mobile" +interface Tool { + id?: number + name: string + summary: string + logo: string + link?: string + categories?: string[] + company: string + isFree?: boolean + features?: string[] + integrations?: string[] + pricing?: { + model: string + description: string + } + userTypes?: { + label: string + description: string + }[] + documentation?: { + title: string + description: string + }[] +} + export default function Landing() { const [isModalOpen, setIsModalOpen] = useState(false) const [isDrawerOpen, setIsDrawerOpen] = useState(false) @@ -26,6 +51,7 @@ export default function Landing() { } const handleCategorySelect = (categories: string[]) => { + // Update the selected categories state setSelectedCategories(categories) } @@ -33,47 +59,19 @@ export default function Landing() { const handleToolsLoaded = (loadedTools: Tool[]) => { setTools(loadedTools) } - interface Tool { - id?: number - name: string - summary: string - logo: string - link?: string - categories?: string[] - company: string - isFree?: boolean - features?: string[] - integrations?: string[] - pricing?: { - model: string - description: string - } - userTypes?: { - label: string - description: string - }[] - documentation?: { - title: string - description: string - }[] - } return (
{/* Hero Section */}
-
- DIGITALIZATION SUPPORT HUB -
+
DIGITALIZATION SUPPORT HUB

Digital Solutions for Distributed
Renewable Energy Businesses

-

- Explore the tools that can support you. -

+

Explore the tools that can support you.

@@ -146,13 +144,10 @@ export default function Landing() { {/* Why Digitalization Matters Section */}
-

- Why digitalization matters -

+

Why digitalization matters

- Digital tools are key to operational efficiency, scalability, and - access to financing for SMEs in the Distributed Renewable Energy - (DRE) sector. However, the current situation shows limited adoption. + Digital tools are key to operational efficiency, scalability, and access to financing for SMEs in the + Distributed Renewable Energy (DRE) sector. However, the current situation shows limited adoption.

@@ -166,10 +161,7 @@ export default function Landing() { percentage="60%" description="of SMEs in the sector are dissatisfied with their current level of digitalization" /> - +
@@ -193,23 +185,13 @@ export default function Landing() {
-

- Made by -

+

Made by

- ENACCESS Logo + ENACCESS Logo
-

- Funded by -

+

Funded by

-

- Connect with us -

+

Connect with us

@@ -252,3 +232,4 @@ export default function Landing() {
) } + diff --git a/app/components/ToolDetailModel.tsx b/app/components/ToolDetailModel.tsx index 2767627..bbfeb6b 100644 --- a/app/components/ToolDetailModel.tsx +++ b/app/components/ToolDetailModel.tsx @@ -3,6 +3,7 @@ import { Users, DollarSign, X } from "lucide-react" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" +import { useMobile } from "../hooks/use-mobile" import { Dialog, DialogContent, @@ -21,6 +22,7 @@ export interface ToolDetailModalProps { name: string summary: string categories: string[] + highlights?: string[] isFree?: boolean link?: string features?: string[] @@ -51,7 +53,7 @@ export function ToolDetailModal({ !open && onClose()}> -
+
Home @@ -61,13 +63,10 @@ export function ToolDetailModal({ > {tool.name} - - - - Close -
+ +
{tool.company}
@@ -77,30 +76,40 @@ export function ToolDetailModal({
- {tool.isFree && ( - - 100% free - - )} - {tool.categories?.map((feature, index) => ( - - {feature} - - )) || ( - <> - - Open Source - - - Some open source features - - - Free demo - - + {tool.highlights && tool.highlights.length > 0 && ( +
+ {tool.highlights.map((category, index) => { + // Define colors explicitly for each badge + const colors = [ + "bg-[#43BC80]", + "bg-[#8BDC7F]", + "bg-[#5AC9C5]", + "bg-[#67C6AB]", + ] + + // Make sure the index is within the range of the colors array + const colorIndex = index % colors.length + const colorClass = colors[colorIndex] + + return ( + + {category} + + ) + })} +
)}
diff --git a/app/components/categories-drawer.tsx b/app/components/categories-drawer.tsx index 9e3b58a..7e3fecc 100644 --- a/app/components/categories-drawer.tsx +++ b/app/components/categories-drawer.tsx @@ -1,7 +1,7 @@ "use client" import { useState, useEffect } from "react" -import { ChevronRight, ArrowLeft } from "lucide-react" +import { X, ChevronRight, ArrowLeft } from "lucide-react" import { Button } from "@/components/ui/button" import { Sheet, @@ -19,7 +19,7 @@ import { } from "@/components/ui/card" import Link from "next/link" import { cn } from "@/lib/utils" -import { ToolDetailModal, ToolDetailModalProps } from "./ToolDetailModel" +import { ToolDetailModal, type ToolDetailModalProps } from "./ToolDetailModel" interface Tool { id?: number @@ -28,6 +28,7 @@ interface Tool { logo: string link?: string categories?: string[] + highlights?: string[] company: string isFree?: boolean features?: string[] @@ -112,6 +113,7 @@ interface ToolCategoriesDrawerProps { onOpenChange: (open: boolean) => void onCategorySelect: (categories: string[]) => void tools: Tool[] + selectedCategories: string[] // Add this prop to receive selected categories from parent } export function ToolCategoriesDrawer({ @@ -119,8 +121,11 @@ export function ToolCategoriesDrawer({ onOpenChange, onCategorySelect, tools, + selectedCategories = [], // Default to empty array }: ToolCategoriesDrawerProps) { - const [selectedCategories, setSelectedCategories] = useState([]) + // Use the selectedCategories prop as initial state + const [localSelectedCategories, setLocalSelectedCategories] = + useState(selectedCategories) const [showResults, setShowResults] = useState(false) const [activeCategory, setActiveCategory] = useState(null) const [selectedSubcategories, setSelectedSubcategories] = useState( @@ -133,6 +138,27 @@ export function ToolCategoriesDrawer({ Record >({}) + // Update local state when prop changes + useEffect(() => { + setLocalSelectedCategories(selectedCategories) + + // If we have selected categories, show results view + if (selectedCategories.length > 0) { + setShowResults(true) + + // Find the category that matches the selected subcategory + const categoryId = Object.keys(categoryMap).find((key) => + categoryMap[key].subcategories.some((sub) => + selectedCategories.includes(sub) + ) + ) + + if (categoryId) { + setActiveCategory(categoryId) + } + } + }, [selectedCategories]) + useEffect(() => { const checkDevice = () => { setIsMobile(window.innerWidth < 640) @@ -150,7 +176,7 @@ export function ToolCategoriesDrawer({ Object.keys(categoryMap).forEach((categoryId) => { const subcategories = categoryMap[categoryId].subcategories - const count = selectedCategories.filter((subcat) => + const count = localSelectedCategories.filter((subcat) => subcategories.includes(subcat) ).length @@ -160,7 +186,7 @@ export function ToolCategoriesDrawer({ }) setCategorySelectionCounts(counts) - }, [selectedCategories]) + }, [localSelectedCategories]) const handleCategorySelect = (categoryId: string) => { setActiveCategory(categoryId) @@ -178,7 +204,9 @@ export function ToolCategoriesDrawer({ const handleApplyFilter = () => { if (selectedSubcategories.length > 0) { - setSelectedCategories(selectedSubcategories) + // Update local state + setLocalSelectedCategories(selectedSubcategories) + // Notify parent component onCategorySelect(selectedSubcategories) setShowResults(true) } @@ -208,9 +236,9 @@ export function ToolCategoriesDrawer({ // Filter tools based on selected categories const filteredTools = tools.filter((tool) => { return ( - selectedCategories.length === 0 || + localSelectedCategories.length === 0 || (tool.categories && - selectedCategories.some((category) => + localSelectedCategories.some((category) => tool.categories!.includes(category) )) ) @@ -273,7 +301,7 @@ export function ToolCategoriesDrawer({
{filteredTools.length > 0 ? ( @@ -298,26 +326,41 @@ export function ToolCategoriesDrawer({ {/* Tool categories as badges */} - {tool.categories && tool.categories.length > 0 && ( - - {tool.isFree && ( - - 100% free - - )} - {tool.categories.slice(0, 2).map((category, index) => { - const colors = ["bg-[#8BDC7F]", "bg-[#43BC80]"] - const colorClass = colors[index % colors.length] - - return ( - - {category} - - ) - })} + {tool.highlights && tool.highlights.length > 0 && ( + +
+ {tool.highlights.map((category, index) => { + // Define colors explicitly for each badge + const colors = [ + "bg-[#43BC80]", + "bg-[#8BDC7F]", + "bg-[#5AC9C5]", + "bg-[#67C6AB]", + ] + + // Make sure the index is within the range of the colors array + const colorIndex = index % colors.length + const colorClass = colors[colorIndex] + + return ( + + {category} + + ) + })} +
)} @@ -424,7 +467,10 @@ export function ToolCategoriesDrawer({

Tool categories

- + + + Close +
diff --git a/public/tools-schema.js b/public/tools-schema.js index 02aacf3..31e255f 100644 --- a/public/tools-schema.js +++ b/public/tools-schema.js @@ -11,6 +11,10 @@ const schema = { type: "array", items: { type: "string" }, }, + highlights: { + type: "array", + items: { type: "string" }, + }, metadata: { type: "object", properties: { diff --git a/public/tools/3cx.yaml b/public/tools/3cx.yaml index 078525b..cc37de9 100644 --- a/public/tools/3cx.yaml +++ b/public/tools/3cx.yaml @@ -2,6 +2,12 @@ name: 3CX summary: Easy to manage Call Center solution with unified communications platform designed to support businesses in managing customer communications. It offers a variety of features, including call handling, live chat, and video conferencing. The platform is scalable and suitable for both small and large organizations looking to streamline their call center operations and enhance customer service efficiency.. logo: /path/to/3cx-logo.png link: https://www.3cx.com/call-center/ +categories: + - Market Analysis + - Service Calls + - Tech Response +highlights: + - Fully Proprietary Open Source metadata: numberOfClients: - <100 diff --git a/public/tools/Learn.ink.yaml b/public/tools/Learn.ink.yaml new file mode 100644 index 0000000..e2a55c5 --- /dev/null +++ b/public/tools/Learn.ink.yaml @@ -0,0 +1,13 @@ +name: Learn.ink +summary: Our digital training platform allows organistions to rapidly create and share fun, bite-size training to their remote field forces in Africa. Enabling them to keep their workforce informed as well as pull key insights from their remote teams. +company: Learn.ink +logo: /path/to/learn.ink-logo.png +link: https://learn.ink/ +categories: + - Customer Vetting + - Personal Training +highlights: + - Fully Proprietary Open Source + - Full offline functionality + + diff --git a/public/tools/angaza.yaml b/public/tools/angaza.yaml new file mode 100644 index 0000000..46d12a9 --- /dev/null +++ b/public/tools/angaza.yaml @@ -0,0 +1,18 @@ +name: Angaza +summary: Angaza makes it possible for over 2 billion people around the world to access life-changing products. We redefine how these products are purchased, enabling distributors to offer affordable payments to consumers without access to traditional banking. +logo: /path/to/agaza-logo.png +link: https://www.angaza.com/ +categories: + - Impact Measurements & Performance + - Market Analysis + - Payment Collections + - Portfolio Analysis & Management + - Sales & Contract Management + - Service Calls + - Stock Management + - Upselling + +highlights: + - offline Functionality + - Fully Proprietary Open Source + diff --git a/public/tools/bridgin.yaml b/public/tools/bridgin.yaml new file mode 100644 index 0000000..baedde3 --- /dev/null +++ b/public/tools/bridgin.yaml @@ -0,0 +1,14 @@ +name: Bridgin +summary: Bridgin is Solaris Offgrid’s receivables purchasing marketplace, a platform that brings receivables financing at scale and sustainably streamline credit toward the last mile. Investors can seamlessly access and purchase pools of receivables from last-mile distributors who, in turn, receive instant liquidity to scale their operations. Bridgin is not a fund or investor, but a technological and legal infrastructure that facilitates funding operations at the benefit of the BoP +company: Solaris Offgrid +logo: /path/to/bridgin-logo.png +link: https://www.bridgin.io/ +categories: + - Fundraising + - Portfolio Analysis & Management + +highlights: + - Open Source + - Fully Proprietary Open Source + - Free demo + - online features \ No newline at end of file diff --git a/public/tools/carbon-clear.yaml b/public/tools/carbon-clear.yaml index 11d6d2e..e46fbf8 100644 --- a/public/tools/carbon-clear.yaml +++ b/public/tools/carbon-clear.yaml @@ -2,6 +2,12 @@ name: carbon clear summary: CarbonClear offers digital Monitoring, Reporting, and Verification (MRV) solutions aimed at supporting carbon finance in underfunded sectors, particularly in distributed renewable energy. Their platform helps track and verify the impact of renewable energy projects, facilitating access to carbon finance and aligning with sustainable development goals, specifically SDG 7. The solutions aim to accelerate the deployment of renewable energy by ensuring transparency and efficiency in the carbon market. logo: /path/to/carboclear-logo.png link: https://www.carbonclear.earth/ +categories: + - Fundraising + - Impact Measurements & Performance +highlights: + - Fully Proprietary Open Source + metadata: numberOfClients: - <100 diff --git a/public/tools/cavex.yaml b/public/tools/cavex.yaml index 03392f0..099f70e 100644 --- a/public/tools/cavex.yaml +++ b/public/tools/cavex.yaml @@ -1,7 +1,15 @@ name: cavex -summary: CarbonClear offers digital Monitoring, Reporting, and Verification (MRV) solutions aimed at supporting carbon finance in underfunded sectors, particularly in distributed renewable energy. Their platform helps track and verify the impact of renewable energy projects, facilitating access to carbon finance and aligning with sustainable development goals, specifically SDG 7. The solutions aim to accelerate the deployment of renewable energy by ensuring transparency and efficiency in the carbon market. +summary: Cavex is a platform that facilitates climate finance by providing tools for the management and verification of carbon credits. The platform enables organizations to engage in carbon offsetting, helping them track, trade, and verify carbon credits efficiently. By using blockchain technology, Cavex aims to ensure transparency and accountability in the climate finance market, supporting the transition to a low-carbon economy. logo: /path/to/cavex-logo.png -link: https://cavex.com +link: https://cavex.io +categories: + - Fundraising + - Impact Measurements & Performance + +highlights: + - Open Source + - Fully Proprietary Open Source + - Free demo metadata: numberOfClients: - <100 diff --git a/public/tools/d-rec-financing-programmes.yaml b/public/tools/d-rec-financing-programmes.yaml new file mode 100644 index 0000000..d3fb92d --- /dev/null +++ b/public/tools/d-rec-financing-programmes.yaml @@ -0,0 +1,12 @@ +name: DRE Financing programmes +summary: Access financing for DRE projects. Odyssey works with financiers across the capital stack to streamline finance into distributed energy projects. Through Odyssey platform, browse and apply for relevant financing program +company: Odyssey Energy Solutions +logo: /path/to/odyssey-logo.png +link: https://odysseyenergysolutions.com/finance-solutions +categories: + - Fundraising + - Portfolio Analysis & Management + +highlights: + - 100% free + - Offline Features \ No newline at end of file diff --git a/public/tools/d-rec.yaml b/public/tools/d-rec.yaml index dfadd40..1edc2c9 100644 --- a/public/tools/d-rec.yaml +++ b/public/tools/d-rec.yaml @@ -1,7 +1,15 @@ -name: D-REC +name: D-RECs summary: D-RECs (Distributed Renewable Energy Certificates) are a high-impact quality and verification label that enhances the value of Energy Attribute Certificates (EACs), such as I-RECs, issued for electricity generated by Distributed Renewable Energy (DRE) projects.D-RECs enable access to global environmental markets and corporate buyers for DRE project developers, allowing them to monetize their projects' socio-economic and environmental co-benefits of their projects. This additional revenue supports operational costs, unlocks financing options like loans, and ensures financial sustainability, driving scalability and greater impact for DRE initiatives. +company: Green South B.V. logo: /path/to/d-rec-logo.png link: www.drecs.org +categories: + - Impact Measurements & Performance + - Portfolio Analysis & Management + +highlights: + - Free demo + metadata: numberOfClients: - <100 diff --git a/public/tools/fieldPro.yaml b/public/tools/fieldPro.yaml new file mode 100644 index 0000000..2406172 --- /dev/null +++ b/public/tools/fieldPro.yaml @@ -0,0 +1,23 @@ +name: FieldPro +summary: FieldPro provides innovative mobile and web solutions designed to streamline field operations. With customizable CRM, workflows, real-time analytics, ai-based image recognition technology and seamless integration, FieldPro helps businesses and brands optimize sales, service management and agent networks, ensuring better visibility, efficiency, and decision-making. Its user-friendly platform empowers field teams to work smarter, while managers gain deeper insights to drive performance and growth. +company: Optimetriks +logo: /path/to/fieldpro-logo.png +link: https://www.fieldproapp.com/ +categories: + - Company Set Up + - Impact Measurements & Performance + - Market Analysis + - Marketing + - Payment Collections + - Portfolio Analysis & Management + - Product Logistics & Procurement + - Sales & Contract Management + - Service Calls + - Stock Management + - Upselling + - Tech Response + +highlights: + - Payment Collections + - full offline Functionality + diff --git a/public/tools/ixo.yaml b/public/tools/ixo.yaml index 38e668c..378b6be 100644 --- a/public/tools/ixo.yaml +++ b/public/tools/ixo.yaml @@ -2,6 +2,14 @@ name: IXO summary: IXO offers software solutions that utilize blockchain technology and data analytics to help organizations in the energy access and off-grid energy sectors track, verify, and manage energy projects. The platform provides tools for real-time monitoring and reporting, allowing users to measure the impact and progress of energy initiatives with greater transparency and accuracy. logo: /path/to/ixo-logo.png link: https://www.ixo.world/solutions +categories: + - Customer Vetting + - Impact Measurements & Performance + - Portfolio Analysis & Management + - Tech Response + +highlights: + - Fully Proprietary Open Source metadata: numberOfClients: - <100 diff --git a/public/tools/micropowerManager.yaml b/public/tools/micropowerManager.yaml new file mode 100644 index 0000000..c3d0ea1 --- /dev/null +++ b/public/tools/micropowerManager.yaml @@ -0,0 +1,17 @@ +name: MicroPowerManager +summary: Manage off-grid customers, revenues and assets with this all-in one Open Source platform. +company: EnAccess +logo: /path/to/micropowerManager-logo.png +link: https://micropowermanager.io/ +categories: + - Bookkeeping & Accounting + - customer finance Management + - CRM + - Payment Collections + - Repair, Refurbishment Facilitation + - Sales & Contract Management + - Tech Response +highlights: + - 100% free + - Open Source + - Free demo \ No newline at end of file diff --git a/public/tools/nithio.yaml b/public/tools/nithio.yaml new file mode 100644 index 0000000..ea4ded4 --- /dev/null +++ b/public/tools/nithio.yaml @@ -0,0 +1,13 @@ +name: Nithio Risks Analytics Engine +summary: > + The Nithio Risk Analytics Engine is a tool that can be used to drive impact and mitigate investment risks through data-driven insights and AI-enabled models. The engine integrates anonymized customer repayment data directly from borrower CRM systems with localized geospatial socioeconomic and environmental data (down to 1 sq. km) to standardize credit risk assessment and provide precise impact analysis. +company: Nithio +logo: /path/to/nithio-logo.png +link: https://nithio.com/ +categories: + - customer finance Management + - Impact Measurements & Performance + - Portfolio Analysis & Management +highlights: + + - Free demo \ No newline at end of file diff --git a/public/tools/odoo.yaml b/public/tools/odoo.yaml index 2f7e57d..5d7bedc 100644 --- a/public/tools/odoo.yaml +++ b/public/tools/odoo.yaml @@ -1,6 +1,26 @@ name: Odoo summary: Odoo is an open-core business management software designed to help companies streamline their operations. As an all-in-one solution, it enables businesses to efficiently manage various aspects of their operations, including sales, accounting, inventory, and field service. With its powerful integrated set of apps, Odoo enables seamless and efficient business processes. +company: Odoo logo: /path/to/odoo-logo.png link: https://www.odoo.com/ categories: - Bookkeeping & Accounting + - Impact Measurements & Performance + - Marketing + - Personal Training + - Portfolio Analysis & Management + - Product Logistics & Procurement + - Sales & Contract Management + - Service Calls + - Stock Management + - Upselling + - HR Management +highlights: + - 100% free + - Open Source + - Partially Open Source + - Free demo + - Offline Features + + + diff --git a/public/tools/odyssey-fern.yaml b/public/tools/odyssey-fern.yaml new file mode 100644 index 0000000..51fe588 --- /dev/null +++ b/public/tools/odyssey-fern.yaml @@ -0,0 +1,13 @@ + +name: Odyssey FernView Portal +summary: FernView is the industry-leading platform to remotely manage your portfolio and automate system operations to enable scale and save money.The FernView web-based portal combines an intuitive status overview of all systems with granular, real-time analytics to quickly troubleshoot and take action.With advanced controls features, FernView cuts O&M time, increases productivity,maximizes component lifespan and maximizes ROI. +company: Odyssey Energy Solutions +logo: /path/to/odyssey-logo.png +link: https://odysseyenergysolutions.com/remote-monitoring-control +categories: + - Impact Measurements & Performance + - Portfolio Analysis & Management + +highlights: + - Offline Features + - Fully Proprietary Open Source \ No newline at end of file diff --git a/public/tools/paygee.yaml b/public/tools/paygee.yaml index 65fa8f0..5b0d1b2 100644 --- a/public/tools/paygee.yaml +++ b/public/tools/paygee.yaml @@ -4,4 +4,20 @@ company: Engie logo: /path/to/paygee-logo.png link: https://paygee.com categories: - - Bookkeeping & Accounting + - Customer Finance + - Customer Vetting + - CRM + - Impact Measurements & Performance + - Payment Collections + - Portfolio Analysis & Management + - Product Logistics & Procurement + - Repossession & Reverse logistics + - Sales & Contract Management + - Service Calls + - Stock Management + - Upselling + - Tech Response + +highlights: + - Fully Proprietary Open Source + - offline Functionality diff --git a/public/tools/paygops.yaml b/public/tools/paygops.yaml new file mode 100644 index 0000000..bd66bfb --- /dev/null +++ b/public/tools/paygops.yaml @@ -0,0 +1,28 @@ +name: PaygOps +summary: >- + PaygOps is a comprehensive software as a service (SaaS) for micro-lenders to digitalise their processes + (in sectors like energy, agriculture or finance for instance). Doing so they can gain in efficiency + and scalability toward a greater impact. +company: PaygOps & Bridgin +logo: /path/to/paygops-logo.png +link: https://www.paygops.com/ +categories: + - Bookkeeping & Accounting + - Customer Finance + - Customer vetting + - CRM + - Impact Measurements & Performance + - Market Analysis + - Marketing + - Payment Collections + - Portfolio Analysis & Management + - Repossession & Reverse logistics + - Sales & Contract Management + - Service Calls + - Stock Management + - Upselling + - Tech Response +highlights: + - Partially Open Source + - Offline Features + - Free demo \ No newline at end of file diff --git a/public/tools/prospect.yaml b/public/tools/prospect.yaml new file mode 100644 index 0000000..aaee37f --- /dev/null +++ b/public/tools/prospect.yaml @@ -0,0 +1,15 @@ +name: Prospect +summary: Prospect is a platform for collecting, visualising and sharing data on energy access and transition. It is fully open-source. +company: A2EI +logo: /path/to/prospect-logo.png +link: https://prospect.energy/ +categories: + - Customer Finance + - Fundraising + - Impact Measurements & Performance + - Portfolio Analysis & Management + +highlights: + - Open source + - offline Functionality + diff --git a/public/tools/quickbooks.yaml b/public/tools/quickbooks.yaml index 213fa10..a5fc844 100644 --- a/public/tools/quickbooks.yaml +++ b/public/tools/quickbooks.yaml @@ -4,3 +4,6 @@ logo: /path/to/quickbooks-logo.png link: https://quickbooks.intuit.com categories: - Bookkeeping & Accounting + +highlights: + - Open Source diff --git a/public/tools/universus.yaml b/public/tools/universus.yaml new file mode 100644 index 0000000..9bcc161 --- /dev/null +++ b/public/tools/universus.yaml @@ -0,0 +1,14 @@ +name: Universus +summary: Universal Connectivity provides solutions focused on improving connectivity for businesses, particularly in remote and underserved areas. Their services include internet access, network infrastructure, and communication tools designed to support reliable and efficient connectivity. The platform aims to bridge the digital divide by offering scalable and sustainable solutions for organizations in need of consistent connectivity. +logo: /path/to/universalconnectivity-logo.png +link: https://universalconnectivity.com/ +categories: + - Marketing + - Service Calls + - Tech Response + - Portfolio Analysis & Management + +highlights: + - Fully Proprietary Open Source + - offline Functionality + diff --git a/public/tools/unleashed.yaml b/public/tools/unleashed.yaml index 427239e..ff4ead7 100644 --- a/public/tools/unleashed.yaml +++ b/public/tools/unleashed.yaml @@ -3,5 +3,10 @@ summary: Unleash allows integration of different business tools to provide marke logo: /path/to/unleashed-logo.png link: https://unleashedsoftware.com categories: - - Product Procurement + - Product Logistics & Procurement - Impact Measurements & Performance + - Stock Management + +highlights: + - offline Functionality + - Fully Proprietary Open Source diff --git a/public/tools/upya.yaml b/public/tools/upya.yaml index 575968e..18e79f9 100644 --- a/public/tools/upya.yaml +++ b/public/tools/upya.yaml @@ -5,3 +5,13 @@ link: www.upya.io categories: - Bookkeeping & Accounting - Impact Measurements & Performance + - CRM + - Market Analysis + - Marketing + - Payment Collections + - Personal Training + - Stock Management + +highlights: + - Fully Proprietary Open Source + - offline Functionality diff --git a/public/tools/vida.yaml b/public/tools/vida.yaml new file mode 100644 index 0000000..aa86d9a --- /dev/null +++ b/public/tools/vida.yaml @@ -0,0 +1,11 @@ +name: VIDA +summary: VIDA is a geospatial tool with information of every settlements across the world. This information helps mini-grid developers and solar companies to identify and prioritise sites for deployment. VIDA is used in more than 60 countries by several donors, governments and private sector companies. +company: VIDA +logo: /path/to/vida-logo.png +link: https://vida.place/ +categories: + - Market Analysis + - Portfolio Analysis & Management +highlights: + - Fully Proprietary Open Source + - Free demo \ No newline at end of file From 308c908232a6354ac95299bec3ce8052ee45a715 Mon Sep 17 00:00:00 2001 From: mark8-1 Date: Tue, 1 Apr 2025 17:04:32 +0200 Subject: [PATCH 2/2] fix lint --- app/components/Home.tsx | 5 +-- app/components/Landing.tsx | 46 +++++++++++++++----- app/components/ToolDetailModel.tsx | 3 +- public/tools/Learn.ink.yaml | 2 - public/tools/angaza.yaml | 1 - public/tools/bridgin.yaml | 2 +- public/tools/d-rec-financing-programmes.yaml | 2 +- public/tools/fieldPro.yaml | 1 - public/tools/micropowerManager.yaml | 2 +- public/tools/nithio.yaml | 3 +- public/tools/odoo.yaml | 5 +-- public/tools/odyssey-fern.yaml | 3 +- public/tools/paygops.yaml | 2 +- public/tools/prospect.yaml | 1 - public/tools/universus.yaml | 1 - public/tools/upya.yaml | 2 +- public/tools/vida.yaml | 2 +- 17 files changed, 46 insertions(+), 37 deletions(-) diff --git a/app/components/Home.tsx b/app/components/Home.tsx index 96f063f..e63344c 100644 --- a/app/components/Home.tsx +++ b/app/components/Home.tsx @@ -366,8 +366,7 @@ const EnAccessToolMap = ({ {/* Tool categories as badges */} {tool.highlights && tool.highlights.length > 0 && ( -
- +
{tool.highlights.map((category, index) => { // Define colors explicitly for each badge const colors = [ @@ -393,7 +392,7 @@ const EnAccessToolMap = ({ backgroundColor: colorClass .replace("bg-[", "") .replace("]", ""), - }} + }} > {category} diff --git a/app/components/Landing.tsx b/app/components/Landing.tsx index 2b7dff1..504ad38 100644 --- a/app/components/Landing.tsx +++ b/app/components/Landing.tsx @@ -65,13 +65,17 @@ export default function Landing() { {/* Hero Section */}
-
DIGITALIZATION SUPPORT HUB
+
+ DIGITALIZATION SUPPORT HUB +

Digital Solutions for Distributed
Renewable Energy Businesses

-

Explore the tools that can support you.

+

+ Explore the tools that can support you. +

@@ -144,10 +149,13 @@ export default function Landing() { {/* Why Digitalization Matters Section */}
-

Why digitalization matters

+

+ Why digitalization matters +

- Digital tools are key to operational efficiency, scalability, and access to financing for SMEs in the - Distributed Renewable Energy (DRE) sector. However, the current situation shows limited adoption. + Digital tools are key to operational efficiency, scalability, and + access to financing for SMEs in the Distributed Renewable Energy + (DRE) sector. However, the current situation shows limited adoption.

@@ -161,7 +169,10 @@ export default function Landing() { percentage="60%" description="of SMEs in the sector are dissatisfied with their current level of digitalization" /> - +
@@ -185,13 +196,23 @@ export default function Landing() {
-

Made by

+

+ Made by +

- ENACCESS Logo + ENACCESS Logo
-

Funded by

+

+ Funded by +

-

Connect with us

+

+ Connect with us +

@@ -232,4 +255,3 @@ export default function Landing() {
) } - diff --git a/app/components/ToolDetailModel.tsx b/app/components/ToolDetailModel.tsx index bbfeb6b..d84f520 100644 --- a/app/components/ToolDetailModel.tsx +++ b/app/components/ToolDetailModel.tsx @@ -1,9 +1,8 @@ "use client" -import { Users, DollarSign, X } from "lucide-react" +import { Users, DollarSign } from "lucide-react" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" -import { useMobile } from "../hooks/use-mobile" import { Dialog, DialogContent, diff --git a/public/tools/Learn.ink.yaml b/public/tools/Learn.ink.yaml index e2a55c5..eb60066 100644 --- a/public/tools/Learn.ink.yaml +++ b/public/tools/Learn.ink.yaml @@ -9,5 +9,3 @@ categories: highlights: - Fully Proprietary Open Source - Full offline functionality - - diff --git a/public/tools/angaza.yaml b/public/tools/angaza.yaml index 46d12a9..d4f36d1 100644 --- a/public/tools/angaza.yaml +++ b/public/tools/angaza.yaml @@ -15,4 +15,3 @@ categories: highlights: - offline Functionality - Fully Proprietary Open Source - diff --git a/public/tools/bridgin.yaml b/public/tools/bridgin.yaml index baedde3..bc20881 100644 --- a/public/tools/bridgin.yaml +++ b/public/tools/bridgin.yaml @@ -11,4 +11,4 @@ highlights: - Open Source - Fully Proprietary Open Source - Free demo - - online features \ No newline at end of file + - online features diff --git a/public/tools/d-rec-financing-programmes.yaml b/public/tools/d-rec-financing-programmes.yaml index d3fb92d..12f5fde 100644 --- a/public/tools/d-rec-financing-programmes.yaml +++ b/public/tools/d-rec-financing-programmes.yaml @@ -9,4 +9,4 @@ categories: highlights: - 100% free - - Offline Features \ No newline at end of file + - Offline Features diff --git a/public/tools/fieldPro.yaml b/public/tools/fieldPro.yaml index 2406172..67d49d2 100644 --- a/public/tools/fieldPro.yaml +++ b/public/tools/fieldPro.yaml @@ -20,4 +20,3 @@ categories: highlights: - Payment Collections - full offline Functionality - diff --git a/public/tools/micropowerManager.yaml b/public/tools/micropowerManager.yaml index c3d0ea1..4c5cc57 100644 --- a/public/tools/micropowerManager.yaml +++ b/public/tools/micropowerManager.yaml @@ -14,4 +14,4 @@ categories: highlights: - 100% free - Open Source - - Free demo \ No newline at end of file + - Free demo diff --git a/public/tools/nithio.yaml b/public/tools/nithio.yaml index ea4ded4..f378ef9 100644 --- a/public/tools/nithio.yaml +++ b/public/tools/nithio.yaml @@ -9,5 +9,4 @@ categories: - Impact Measurements & Performance - Portfolio Analysis & Management highlights: - - - Free demo \ No newline at end of file + - Free demo diff --git a/public/tools/odoo.yaml b/public/tools/odoo.yaml index 5d7bedc..ebe9783 100644 --- a/public/tools/odoo.yaml +++ b/public/tools/odoo.yaml @@ -14,13 +14,10 @@ categories: - Service Calls - Stock Management - Upselling - - HR Management + - HR Management highlights: - 100% free - Open Source - Partially Open Source - Free demo - Offline Features - - - diff --git a/public/tools/odyssey-fern.yaml b/public/tools/odyssey-fern.yaml index 51fe588..9648390 100644 --- a/public/tools/odyssey-fern.yaml +++ b/public/tools/odyssey-fern.yaml @@ -1,4 +1,3 @@ - name: Odyssey FernView Portal summary: FernView is the industry-leading platform to remotely manage your portfolio and automate system operations to enable scale and save money.The FernView web-based portal combines an intuitive status overview of all systems with granular, real-time analytics to quickly troubleshoot and take action.With advanced controls features, FernView cuts O&M time, increases productivity,maximizes component lifespan and maximizes ROI. company: Odyssey Energy Solutions @@ -10,4 +9,4 @@ categories: highlights: - Offline Features - - Fully Proprietary Open Source \ No newline at end of file + - Fully Proprietary Open Source diff --git a/public/tools/paygops.yaml b/public/tools/paygops.yaml index bd66bfb..61718df 100644 --- a/public/tools/paygops.yaml +++ b/public/tools/paygops.yaml @@ -25,4 +25,4 @@ categories: highlights: - Partially Open Source - Offline Features - - Free demo \ No newline at end of file + - Free demo diff --git a/public/tools/prospect.yaml b/public/tools/prospect.yaml index aaee37f..dea95e1 100644 --- a/public/tools/prospect.yaml +++ b/public/tools/prospect.yaml @@ -12,4 +12,3 @@ categories: highlights: - Open source - offline Functionality - diff --git a/public/tools/universus.yaml b/public/tools/universus.yaml index 9bcc161..de82194 100644 --- a/public/tools/universus.yaml +++ b/public/tools/universus.yaml @@ -11,4 +11,3 @@ categories: highlights: - Fully Proprietary Open Source - offline Functionality - diff --git a/public/tools/upya.yaml b/public/tools/upya.yaml index 18e79f9..a4f0016 100644 --- a/public/tools/upya.yaml +++ b/public/tools/upya.yaml @@ -7,7 +7,7 @@ categories: - Impact Measurements & Performance - CRM - Market Analysis - - Marketing + - Marketing - Payment Collections - Personal Training - Stock Management diff --git a/public/tools/vida.yaml b/public/tools/vida.yaml index aa86d9a..b8ffe7a 100644 --- a/public/tools/vida.yaml +++ b/public/tools/vida.yaml @@ -8,4 +8,4 @@ categories: - Portfolio Analysis & Management highlights: - Fully Proprietary Open Source - - Free demo \ No newline at end of file + - Free demo