- merged master branch;

- improved styles of displaying links;
This commit is contained in:
Vitalii Kiiko
2024-11-15 16:42:47 +01:00
5 changed files with 56 additions and 10 deletions

View File

@@ -276,6 +276,10 @@
.summary {
font-weight: bold;
}
a {
color: inherit;
}
}
@container section_with_border (max-width: 600px) {

View File

@@ -28,6 +28,14 @@ body {
}
}
a {
color: inherit;
&:hover {
text-decoration: none;
}
}
#root, .wrapper {
min-height: 100%;
display: flex;

View File

@@ -1,11 +1,18 @@
import React from 'react';
import { __ } from '@wordpress/i18n';
import { Link } from 'react-router-dom';
import { isEmpty } from 'ramda';
// store
import { useStore } from '../../store';
// components
import AllBandiAccordion from './components/AllBandiAccordion';
const BandiBeneficiario = () => {
return(
const chosenCompanyId = useStore().main.chosenCompanyId();
return (
<div className="appPage">
<div className="appPage__pageHeader">
<h1>{__('Bandi disponibili', 'gepafin')}</h1>
@@ -13,6 +20,19 @@ const BandiBeneficiario = () => {
<div className="appPage__spacer"></div>
{isEmpty(chosenCompanyId) || chosenCompanyId === 0
? <>
<div className="appPageSection__message warning">
<i className="pi pi-exclamation-triangle"></i>
<span className="summary">{__('Attenzione', 'gepafin')}</span>
<span>
{__('Per applicare ai bandi devi Registare un Azienda clicca', 'gepafin')}
<Link to={`/agguingi-azienda`} style={{marginLeft: '0.5ch'}}>{__('qua', 'gepafin')}</Link>
</span>
</div>
<div className="appPage__spacer"></div>
</> : null}
<div className="appPageSection">
<AllBandiAccordion/>
</div>

View File

@@ -1,6 +1,6 @@
import React, { useState, useEffect } from 'react';
import { __ } from '@wordpress/i18n';
import { isEmpty, uniq } from 'ramda';
import { uniq, isEmpty } from 'ramda';
import { Link } from 'react-router-dom';
// store

View File

@@ -1,7 +1,7 @@
import React, { useEffect, useState } from 'react';
import { __ } from '@wordpress/i18n';
import { useNavigate } from 'react-router-dom';
import { head, pathOr } from 'ramda';
import { __, sprintf } from '@wordpress/i18n';
import { Link, useNavigate } from 'react-router-dom';
import { head, isEmpty, pathOr } from 'ramda';
import NumberFlow from '@number-flow/react';
// store
@@ -35,7 +35,8 @@ const DashboardBeneficiario = () => {
}
}
const errGetStats = () => {}
const errGetStats = () => {
}
useEffect(() => {
const existingCompany = head(companies.filter(o => o.id === chosenCompanyId));
@@ -45,7 +46,7 @@ const DashboardBeneficiario = () => {
}
}, [companies, chosenCompanyId]);
return(
return (
<div className="appPage">
<div className="appPage__pageHeader">
<h1>{__('Dashboard', 'gepafin')}</h1>
@@ -61,21 +62,21 @@ const DashboardBeneficiario = () => {
<span><NumberFlow
value={getStatValue('numberOfApplications', 0)}
format={{ notation: 'compact' }}
locales="it-IT" /></span>
locales="it-IT"/></span>
</div>
<div className="statsBigBadges__gridItem">
<span>{__('Bandi osservati', 'gepafin')}</span>
<span><NumberFlow
value={getStatValue('numberOfCalls', 0)}
format={{ notation: 'compact' }}
locales="it-IT" /></span>
locales="it-IT"/></span>
</div>
<div className="statsBigBadges__gridItem">
<span>{__('Documenti da integrare', 'gepafin')}</span>
<span><NumberFlow
value={getStatValue('numberOfIntegratedDocuments', 0)}
format={{ notation: 'compact' }}
locales="it-IT" /></span>
locales="it-IT"/></span>
</div>
</div>
</div>
@@ -89,6 +90,19 @@ const DashboardBeneficiario = () => {
<div className="appPage__spacer"></div>
{isEmpty(chosenCompanyId) || chosenCompanyId === 0
? <>
<div className="appPageSection__message warning">
<i className="pi pi-exclamation-triangle"></i>
<span className="summary">{__('Attenzione', 'gepafin')}</span>
<span>
{__('Per applicare ai bandi devi Registare un Azienda clicca', 'gepafin')}
<Link to={`/agguingi-azienda`} style={{marginLeft: '0.5ch'}}>{__('qua', 'gepafin')}</Link>
</span>
</div>
<div className="appPage__spacer"></div>
</> : null}
<div className="appPageSection">
<h2>{__('Bandi disponibili', 'gepafin')}</h2>
<LatestBandiTable/>