- 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 { .summary {
font-weight: bold; font-weight: bold;
} }
a {
color: inherit;
}
} }
@container section_with_border (max-width: 600px) { @container section_with_border (max-width: 600px) {

View File

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

View File

@@ -1,11 +1,18 @@
import React from 'react'; import React from 'react';
import { __ } from '@wordpress/i18n'; import { __ } from '@wordpress/i18n';
import { Link } from 'react-router-dom';
import { isEmpty } from 'ramda';
// store
import { useStore } from '../../store';
// components // components
import AllBandiAccordion from './components/AllBandiAccordion'; import AllBandiAccordion from './components/AllBandiAccordion';
const BandiBeneficiario = () => { const BandiBeneficiario = () => {
return( const chosenCompanyId = useStore().main.chosenCompanyId();
return (
<div className="appPage"> <div className="appPage">
<div className="appPage__pageHeader"> <div className="appPage__pageHeader">
<h1>{__('Bandi disponibili', 'gepafin')}</h1> <h1>{__('Bandi disponibili', 'gepafin')}</h1>
@@ -13,6 +20,19 @@ const BandiBeneficiario = () => {
<div className="appPage__spacer"></div> <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"> <div className="appPageSection">
<AllBandiAccordion/> <AllBandiAccordion/>
</div> </div>

View File

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

View File

@@ -1,7 +1,7 @@
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { __ } from '@wordpress/i18n'; import { __, sprintf } from '@wordpress/i18n';
import { useNavigate } from 'react-router-dom'; import { Link, useNavigate } from 'react-router-dom';
import { head, pathOr } from 'ramda'; import { head, isEmpty, pathOr } from 'ramda';
import NumberFlow from '@number-flow/react'; import NumberFlow from '@number-flow/react';
// store // store
@@ -35,7 +35,8 @@ const DashboardBeneficiario = () => {
} }
} }
const errGetStats = () => {} const errGetStats = () => {
}
useEffect(() => { useEffect(() => {
const existingCompany = head(companies.filter(o => o.id === chosenCompanyId)); const existingCompany = head(companies.filter(o => o.id === chosenCompanyId));
@@ -45,7 +46,7 @@ const DashboardBeneficiario = () => {
} }
}, [companies, chosenCompanyId]); }, [companies, chosenCompanyId]);
return( return (
<div className="appPage"> <div className="appPage">
<div className="appPage__pageHeader"> <div className="appPage__pageHeader">
<h1>{__('Dashboard', 'gepafin')}</h1> <h1>{__('Dashboard', 'gepafin')}</h1>
@@ -61,21 +62,21 @@ const DashboardBeneficiario = () => {
<span><NumberFlow <span><NumberFlow
value={getStatValue('numberOfApplications', 0)} value={getStatValue('numberOfApplications', 0)}
format={{ notation: 'compact' }} format={{ notation: 'compact' }}
locales="it-IT" /></span> locales="it-IT"/></span>
</div> </div>
<div className="statsBigBadges__gridItem"> <div className="statsBigBadges__gridItem">
<span>{__('Bandi osservati', 'gepafin')}</span> <span>{__('Bandi osservati', 'gepafin')}</span>
<span><NumberFlow <span><NumberFlow
value={getStatValue('numberOfCalls', 0)} value={getStatValue('numberOfCalls', 0)}
format={{ notation: 'compact' }} format={{ notation: 'compact' }}
locales="it-IT" /></span> locales="it-IT"/></span>
</div> </div>
<div className="statsBigBadges__gridItem"> <div className="statsBigBadges__gridItem">
<span>{__('Documenti da integrare', 'gepafin')}</span> <span>{__('Documenti da integrare', 'gepafin')}</span>
<span><NumberFlow <span><NumberFlow
value={getStatValue('numberOfIntegratedDocuments', 0)} value={getStatValue('numberOfIntegratedDocuments', 0)}
format={{ notation: 'compact' }} format={{ notation: 'compact' }}
locales="it-IT" /></span> locales="it-IT"/></span>
</div> </div>
</div> </div>
</div> </div>
@@ -89,6 +90,19 @@ const DashboardBeneficiario = () => {
<div className="appPage__spacer"></div> <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"> <div className="appPageSection">
<h2>{__('Bandi disponibili', 'gepafin')}</h2> <h2>{__('Bandi disponibili', 'gepafin')}</h2>
<LatestBandiTable/> <LatestBandiTable/>