Verify Farmer page, stakeholders address array

src/Assests/Styles/verify.page.css

@@ -0,0 +1,23 @@
+.verify{
+  padding: 10px;
+}
+.heading {
+  font-size: 2rem;
+  font-weight: bold;
+  color: #023B59;
+  text-align: center;
+  text-transform: uppercase;
+  text-decoration: overline underline;
+}
+
+.card-key {
+  font-size: 1rem;
+  font-weight: bold;
+  color: #023B59;
+}
+
+.card-value {
+  font-size: 1rem;
+  font-weight: 500;
+  color: #482673;
+}

src/Pages/Admin/VerifyFarmer/index.js

@@ -0,0 +1,27 @@
+import { useContext, useEffect, useState } from "react";
+import { ContractContext } from "../../../Services/Contexts/ContractContext";
+import '../../../Assests/Styles/verify.page.css';
+import RenderFarmer from "./renderFarmer";
+
+const VerifyFarmer = () => {
+  const {contractState} = useContext(ContractContext);
+  const [addresses, setAddresses] = useState([]);
+  useEffect(() => {
+    (async() => {
+      if(contractState.farmerContract){
+        setAddresses(await contractState.farmerContract.methods.getAddresses().call());
+      }
+    })();
+  }, [contractState.farmerContract])
+  return (
+    <div className="verify">
+      <div className="heading">Verify Farmer</div>
+      <div className="row">
+        {addresses.map(address => (
+          <RenderFarmer id={address} />
+        ))}
+      </div>
+    </div>
+  )
+}
+export default VerifyFarmer;

src/Pages/Admin/VerifyFarmer/renderFarmer.js

@@ -0,0 +1,94 @@
+import { useContext, useEffect, useState } from "react";
+
+import { AuthContext } from "../../../Services/Contexts/AuthContext";
+import { ContractContext } from "../../../Services/Contexts/ContractContext";
+import '../../../Assests/Styles/verify.page.css';
+import Toast from "../../../Components/Toast";
+import farmer_default from "../../../Assests/Images/admin/rawProducts_o0t5az.jpg";
+
+const RenderFarmer = ({id}) => {
+  const {authState} = useContext(AuthContext);
+  const {contractState} = useContext(ContractContext);
+  const [farmer, setFarmer] = useState({
+    id: "00000",
+    name: "",
+    location: "",
+    rawProducts: [],
+  });
+  useEffect(() => {
+    if(contractState.farmerContract){
+      (async() => {
+        const response = await contractState.farmerContract.methods.getFarmer(id).call({from: id});
+        setFarmer(farmer => {
+          return {
+            ...response.farmer,
+            formattedAddress: id.substring(0, 6) + "..." + id.substring(id.length - 4, id.length),
+            rawProducts: response.rawProducts
+          }
+        });
+      })();
+    }
+  }, [])
+
+  const verify = async () => {
+    try{
+      await contractState.farmerContract.methods.verify(id).send({from: authState.address});
+      setFarmer(farmer => {
+        return {
+          ...farmer,
+          isVerified: true
+        }
+      })
+      Toast("success", "Farmer verified successfully");
+    } catch(e){
+      Toast("error", e.message);
+    }
+  }
+
+  return (
+    <div className="col-12 col-lg-6 my-1">
+      <div className="row d-flex justify-content-around align-items-center">
+        <div className="col-4">
+          <img 
+            src={farmer_default}
+            width="100%"
+          />
+        </div>
+        <div className="col-8">
+          <span className="card-key">Id: </span>
+          <span className="card-value">{farmer.formattedAddress}</span>
+          <br/>
+          <span className="card-key">Name: </span>
+          <span className="card-value">{farmer.name}</span>
+          <br/>
+          <span className="card-key">Location: </span>
+          <span className="card-value">{farmer.location}</span>
+          <br/>
+          <span className="card-key">Raw Products: </span>
+          {farmer.rawProducts.map(rawProduct => (
+            <span className="card-value">{rawProduct+", "}</span>
+          ))}
+          <br/>
+          <span className="row text-center">
+            {farmer.isVerified?
+              <span className="">
+                <span className="badge bg-success">Verified</span>
+              </span>
+            :
+              <span className="">
+                <span 
+                  className="badge bg-info" 
+                  type="button"
+                  onClick={verify}
+                >
+                  Verify
+                </span>
+              </span>
+            }
+          </span>
+        </div>
+      </div>
+    </div>
+  )
+}
+export default RenderFarmer;

src/Routes/index.js

@@ -7,7 +7,7 @@ import Products from '../Pages/Products';
 import Product from '../Pages/Products/product';
 import Register from '../Pages/Register';
 import Admin from '../Pages/Admin';
-import VerifyFarmer from '../Pages/Admin/verifyFarmer';
+import VerifyFarmer from '../Pages/Admin/VerifyFarmer';
 import VerifyManufacturer from '../Pages/Admin/verifyManufacturer';
 import Farmers from '../Pages/Farmers';
 import Farmer from '../Pages/Farmers/farmer';

src/Services/Actions/ContractActionCreator.js

@@ -14,6 +14,16 @@ export const contractStateMain = (contract) => ({
   payload: { contract }
 })
 
+export const contractStateFarmer = (contract) => ({
+  type: ActionTypes.CONTRACT_STATE_FARMER,
+  payload: { contract }
+})
+
+export const contractStateManufacturer = (contract) => ({
+  type: ActionTypes.CONTRACT_STATE_MANUFACTURER,
+  payload: { contract }
+})
+
 export const contractStateStakeholder = (contract) => ({
   type: ActionTypes.CONTRACT_STATE_STAKEHOLDER,
   payload: { contract }

src/Services/Constants/ActionTypes.js

@@ -9,6 +9,8 @@ export const AUTH_STATE_STAKEHOLDER = 'AUTH_STATE_STAKEHOLDER';
 export const CONTRACT_STATE_LOADING = 'CONTRACT_STATE_LOADING';
 export const CONTRACT_STATE_FAILED = 'CONTRACT_STATE_FAILED';
 export const CONTRACT_STATE_MAIN = 'CONTRACT_STATE_MAIN';
+export const CONTRACT_STATE_FARMER = 'CONTRACT_STATE_FARMER';
+export const CONTRACT_STATE_MANUFACTURER = 'CONTRACT_STATE_MANUFACTURER';
 export const CONTRACT_STATE_STAKEHOLDER = 'CONTRACT_STATE_STAKEHOLDER';
 export const CONTRACT_STATE_PRODUCT = 'CONTRACT_STATE_PRODUCT';
 export const CONTRACT_STATE_STATS = 'CONTRACT_STATE_STATS';

src/Services/Contexts/ContractContext.js

@@ -6,7 +6,14 @@ import StakeholderContract from '../../Smart-Contract/ABI/Stakeholder.json';
 import FarmerContract from '../../Smart-Contract/ABI/Farmer.json';
 import ManufacturerContract from '../../Smart-Contract/ABI/Manufacturer.json';
 import ProductContract from '../../Smart-Contract/ABI/Product.json';
-import { contractStateMain, contractStateProduct, contractStateStakeholder, contractStateStats } from '../Actions/ContractActionCreator';
+import { 
+  contractStateMain, 
+  contractStateProduct,
+  contractStateFarmer, 
+  contractStateManufacturer,
+  contractStateStakeholder, 
+  contractStateStats 
+} from '../Actions/ContractActionCreator';
 import { authStateStakeholder } from '../Actions/AuthActionCreator';
 import { AuthContext } from "./AuthContext";
 
@@ -16,6 +23,8 @@ export const ContractContextProvider = ({children}) => {
     isLoading: false,
     errMess: null,
     mainContract: null,
+    farmerContract: null,
+    manufacturerContract: null,
     stakeholderContract: null,
     productContract: null,
     stats: {
@@ -37,6 +46,10 @@ export const ContractContextProvider = ({children}) => {
         contractDispatch(contractStateMain(main));
         const product  = new web3.eth.Contract(ProductContract.abi, ProductContract.networks[networkId].address);
         contractDispatch(contractStateProduct(product));
+        const farmer = new web3.eth.Contract(FarmerContract.abi, FarmerContract.networks[networkId].address);
+        contractDispatch(contractStateFarmer(farmer));
+        const manufacturer = new web3.eth.Contract(ManufacturerContract.abi, ManufacturerContract.networks[networkId].address);
+        contractDispatch(contractStateManufacturer(manufacturer));
         const stats = {};
         stats["productsCount"] = await product.methods.getProductsCount().call();
         stats["transactionsCount"] = await product.methods.getTransactionsCount().call();

src/Services/Reducers/ContractReducer.js

@@ -27,6 +27,20 @@ export const contractReducer = (state, action) => {
         errMess: null,
         mainContract: action.payload.contract
       }
+    case ActionTypes.CONTRACT_STATE_FARMER:
+      return {
+        ...state,
+        isLoading: false,
+        errMess: null,
+        farmerContract: action.payload.contract
+      }
+    case ActionTypes.CONTRACT_STATE_MANUFACTURER:
+      return {
+        ...state,
+        isLoading: false,
+        errMess: null,
+        manufacturerContract: action.payload.contract
+      }
     case ActionTypes.CONTRACT_STATE_STAKEHOLDER:
       return {
         ...state,

src/Smart-Contract/Contracts/Farmer.sol

@@ -19,6 +19,7 @@ contract Farmer is Stakeholder {
     for (uint i = 0; i < _rawProducts.length; i++) {
       _rawProductFarmers[_rawProducts[i]].push(msg.sender);
     }
+    _stakeholderAddresses.push(msg.sender);
     return true;
   }
 

src/Smart-Contract/Contracts/Manufacturer.sol

@@ -32,6 +32,7 @@ contract Manufacturer is Stakeholder {
     require (_stakeholders[msg.sender].id ==  address(0), "Manufacturer::registerManufacturer: Manufacturer already registered");
     _stakeholders[msg.sender] = stakeholder(msg.sender, _name, _location, _role, false);
     _isRenewableUsed[msg.sender] = false;
+    _stakeholderAddresses.push(msg.sender);
     return true;
   }
 

src/Smart-Contract/Contracts/Stakeholder.sol

@@ -14,6 +14,7 @@ contract Stakeholder is Admin{
   mapping(address => stakeholder) _stakeholders;
   mapping(address => mapping(uint256 => bool)) _stakeholderProductOwnership;
   mapping(address => mapping(address => bool)) _operatorApprovals;
+  address[] _stakeholderAddresses;
 
   constructor() Admin(msg.sender){}
 
@@ -24,6 +25,7 @@ contract Stakeholder is Admin{
   ) public virtual returns (bool) {
     require (_stakeholders[msg.sender].id ==  address(0), "Stakeholder::register: Stakeholder already registered");
     _stakeholders[msg.sender] = stakeholder(msg.sender, _name, _location, _role, false);
+    _stakeholderAddresses.push(msg.sender);
     return true;
   }
 
@@ -73,6 +75,10 @@ contract Stakeholder is Admin{
     return _stakeholders[_id].role;
   }
 
+  function getAddresses() public view returns (address[] memory){
+    return _stakeholderAddresses;
+  }
+
   modifier onlyStakeholder(address _id){
     require(
       _id == _stakeholders[msg.sender].id || _stakeholders[msg.sender].id == address(0),