diff --git a/src/devhub/entity/trustee/approvals.jsx b/src/devhub/entity/trustee/approvals.jsx
deleted file mode 100644
index c624c6e5f..000000000
--- a/src/devhub/entity/trustee/approvals.jsx
+++ /dev/null
@@ -1,223 +0,0 @@
-const { getRelativeTime } = VM.require(
-  "${REPL_DEVHUB}/widget/core.lib.timeUtils"
-);
-
-getRelativeTime || (getRelativeTime = () => {});
-const treasuryDaoID = "${REPL_TREASURY_CONTRACT}";
-const resPerPage = 50;
-const [currentPage, setPage] = useState(0);
-const [expandSummaryIndex, setExpandSummary] = useState({});
-const proposals = Near.view(treasuryDaoID, "get_proposals", {
-  from_index: currentPage === 0 ? currentPage : (currentPage - 1) * resPerPage,
-  limit: resPerPage,
-});
-
-const lastProposalID = Near.view(treasuryDaoID, "get_last_proposal_id", {});
-if (proposals === null || lastProposalID === null) {
-  return <></>;
-}
-
-const onPay = (id) => {
-  Near.call({
-    contractName: treasuryDaoID,
-    methodName: "act_proposal",
-    args: {
-      id: id,
-      action: "VoteApprove",
-      memo: "",
-    },
-    gas: Big(10).pow(14),
-  });
-};
-
-const Container = styled.div`
-  font-size: 13px;
-
-  .text-grey {
-    color: #b9b9b9 !important;
-  }
-
-  .card-custom {
-    border-radius: 5px;
-    background-color: white;
-  }
-
-  .text-size-2 {
-    font-size: 15px;
-  }
-
-  .text-dark-grey {
-    color: #687076;
-  }
-
-  .text-grey-100 {
-    background-color: #f5f5f5;
-  }
-
-  td {
-    padding: 0.5rem;
-    color: inherit;
-  }
-
-  .overflow {
-    overflow: auto;
-  }
-
-  .max-w-100 {
-    max-width: 100%;
-  }
-
-  button {
-    background-color: #04a46e;
-    color: white;
-    border: none;
-    font-weight: 600;
-    font-size: 14px;
-  }
-`;
-
-// filter transfer proposals
-const transferProposals = proposals.filter((item) => {
-  if (item.kind?.FunctionCall?.actions?.[0]?.method_name) {
-    return (
-      item.kind.FunctionCall.actions[0].method_name === "ft_transfer" &&
-      item.status === "InProgress"
-    );
-  }
-  return false;
-});
-
-const ProposalsComponent = () => {
-  return (
-    <tbody>
-      {transferProposals?.map((item, index) => {
-        // decode args
-        const actions = item.kind?.FunctionCall?.actions?.[0];
-        const args = JSON.parse(atob(actions?.args ?? ""));
-        const isReceiverkycbVerified = true;
-        const isNEAR = true;
-        const address = item.token;
-        let ftMetadata = {
-          symbol: "NEAR",
-          decimals: 24,
-        };
-        if (!isNEAR) {
-          ftMetadata = Near.view(address, "ft_metadata", {});
-          if (ftMetadata === null) return null;
-        }
-        // let amount = amountWithDecimals;
-        // if (amountWithoutDecimals !== undefined) {
-        //   amount = Big(amountWithoutDecimals)
-        //     .div(Big(10).pow(ftMetadata.decimals))
-        //     .toString();
-        // }
-
-        return (
-          <tr className={expandSummaryIndex[index] ? "text-grey-100" : ""}>
-            <td>{item.id}</td>
-            <td>
-              <div className="d-flex flex-row gap-2">
-                <div
-                  className="d-flex flex-column gap-2 flex-wrap"
-                  style={{ maxWidth: 320 }}
-                >
-                  <div
-                    className={
-                      "text-size-2 bold max-w-100" +
-                      (!expandSummaryIndex[index] && " text-truncate")
-                    }
-                  >
-                    {args.title}
-                  </div>
-                  {expandSummaryIndex[index] && (
-                    <div className={"text-dark-grey max-w-100"}>
-                      {args.summary}
-                    </div>
-                  )}
-                </div>
-                <div className="cursor">
-                  <img
-                    src={
-                      expandSummaryIndex[index]
-                        ? "https://ipfs.near.social/ipfs/bafkreic35n4yddasdpl532oqcxjwore66jrjx2qc433hqdh5wi2ijy4ida"
-                        : "https://ipfs.near.social/ipfs/bafkreiaujwid7iigy6sbkrt6zkwmafz5umocvzglndugvofcz2fpw5ur3y"
-                    }
-                    onClick={() =>
-                      setExpandSummary((prevState) => ({
-                        ...prevState,
-                        [index]: !prevState[index],
-                      }))
-                    }
-                    height={20}
-                  />
-                </div>
-              </div>
-            </td>
-            <td className="text-truncate bold" style={{ maxWidth: 150 }}>
-              {treasuryDaoID}
-            </td>
-            <td className="text-truncate bold" style={{ maxWidth: 150 }}>
-              {args.receiver_id}
-            </td>
-            <td className="text-center">
-              {isReceiverkycbVerified ? (
-                <img
-                  src="https://ipfs.near.social/ipfs/bafkreidqveupkcc7e3rko2e67lztsqrfnjzw3ceoajyglqeomvv7xznusm"
-                  height={30}
-                />
-              ) : (
-                "Need icon"
-              )}
-            </td>
-            <td className="bold">{item.token}</td>
-            <td className="bold">
-              {parseFloat(args.amount).toLocaleString("en-US")}
-            </td>
-            <td className="text-grey">
-              {getRelativeTime(item.submission_time)}
-            </td>
-            <td>
-              <button onClick={() => onPay(item.id)}>Pay</button>
-            </td>
-          </tr>
-        );
-      })}
-    </tbody>
-  );
-};
-
-return (
-  <Container className="d-flex flex-column gap-4">
-    <div className="d-flex flex-row gap-2 align-items-center">
-      <div className="h5 bold mb-0">Need Approvals</div>
-      <i class="bi bi-info-circle"></i>
-    </div>
-    <div className="card-custom overflow p-3">
-      <table className="table">
-        <thead>
-          <tr className="text-grey">
-            <td>ID</td>
-            <td>PROPOSAL</td>
-            <td>FROM</td>
-            <td>TO</td>
-            <td>KYC/B VERIFIED</td>
-            <td>TOKEN</td>
-            <td>AMOUNT</td>
-            <td>CREATED</td>
-            <td>PAY</td>
-          </tr>
-        </thead>
-        <ProposalsComponent />
-      </table>
-    </div>
-    <div className="d-flex align-items-center justify-content-center">
-      <Widget
-        src={"${REPL_DEVHUB}/widget/devhub.components.molecule.Pagination"}
-        props={{
-          totalPages: Math.round(lastProposalID / resPerPage),
-          onPageClick: (v) => setPage(v),
-        }}
-      />
-    </div>
-  </Container>
-);
diff --git a/src/devhub/entity/trustee/dashboard.jsx b/src/devhub/entity/trustee/dashboard.jsx
deleted file mode 100644
index 68a3991cf..000000000
--- a/src/devhub/entity/trustee/dashboard.jsx
+++ /dev/null
@@ -1,93 +0,0 @@
-const { normalize } = VM.require("${REPL_DEVHUB}/widget/core.lib.stringUtils");
-const { href } = VM.require("${REPL_DEVHUB}/widget/core.lib.url");
-
-href || (href = () => {});
-
-normalize || (normalize = () => {});
-
-const { tab, ...passProps } = props;
-
-const NavUnderline = styled.ul`
-  cursor: pointer;
-
-  a {
-    text-decoration: none;
-    color: #939597;
-  }
-
-  a.active {
-    font-weight: bolder;
-    color: #151515;
-    border-bottom: 3px solid black;
-  }
-
-  a:hover {
-    color: #151515;
-  }
-
-  .nav-item {
-    font-size: 15px;
-  }
-`;
-
-const tabs = [
-  {
-    title: "Need Approvals",
-    view: "Approvals",
-    props: {},
-  },
-  {
-    title: "Payment History",
-    view: "History",
-    props: {},
-  },
-  {
-    title: "Treasury",
-    view: "Treasury",
-    props: {},
-  },
-];
-
-if (!tab) {
-  tab = normalize("Need Approvals");
-}
-
-let currentTab = tabs.find((it) => normalize(it.title) === tab);
-
-return (
-  <div>
-    <NavUnderline className="nav gap-4 my-4">
-      {tabs.map(
-        ({ title }) =>
-          title && (
-            <li className="nav-item" key={title}>
-              <Link
-                to={href({
-                  widgetSrc: `${REPL_DEVHUB}/widget/app`,
-                  params: {
-                    page: "devDaoDashboard",
-                    accountType: "trustees",
-                    tab: normalize(title),
-                  },
-                })}
-                className={[
-                  "d-inline-flex gap-2",
-                  tab === normalize(title) ? "nav-link active" : "nav-link",
-                ].join(" ")}
-              >
-                <span>{title}</span>
-              </Link>
-            </li>
-          )
-      )}
-    </NavUnderline>
-    {currentTab && (
-      <div className="w-100 h-100 mt-4" key={currentTab.title}>
-        <Widget
-          src={`${REPL_DEVHUB}/widget/devhub.entity.trustee.${currentTab.view}`}
-          props={currentTab.props}
-        />
-      </div>
-    )}
-  </div>
-);
diff --git a/src/devhub/entity/trustee/history.jsx b/src/devhub/entity/trustee/history.jsx
deleted file mode 100644
index 1ee91d04a..000000000
--- a/src/devhub/entity/trustee/history.jsx
+++ /dev/null
@@ -1,207 +0,0 @@
-const { getRelativeTime } = VM.require(
-  "${REPL_DEVHUB}/widget/core.lib.timeUtils"
-);
-
-getRelativeTime || (getRelativeTime = () => {});
-
-const treasuryDaoID = "${REPL_TREASURY_CONTRACT}";
-const resPerPage = 50;
-const [currentPage, setPage] = useState(0);
-
-const [expandSummaryIndex, setExpandSummary] = useState({});
-const proposals = Near.view(treasuryDaoID, "get_proposals", {
-  from_index: currentPage === 0 ? currentPage : (currentPage - 1) * resPerPage,
-  limit: resPerPage,
-});
-
-const lastProposalID = Near.view(treasuryDaoID, "get_last_proposal_id", {});
-if (proposals === null || lastProposalID === null) {
-  return <></>;
-}
-
-const Container = styled.div`
-  font-size: 13px;
-  .text-grey {
-    color: #b9b9b9 !important;
-  }
-
-  .card-custom {
-    border-radius: 5px;
-    background-color: white;
-  }
-
-  .text-size-2 {
-    font-size: 15px;
-  }
-
-  .text-dark-grey {
-    color: #687076;
-  }
-
-  .text-grey-100 {
-    background-color: #f5f5f5;
-  }
-
-  td {
-    padding: 0.5rem;
-    color: inherit;
-  }
-
-  .overflow {
-    overflow: auto;
-  }
-
-  .max-w-100 {
-    max-width: 100%;
-  }
-`;
-
-// filter approved proposals
-const historyProposals = proposals.filter((item) => {
-  if (item.kind?.FunctionCall?.actions?.[0]?.method_name) {
-    return (
-      item.kind?.FunctionCall?.actions?.[0]?.method_name === "ft_transfer" &&
-      item.status === "Approved"
-    );
-  }
-  return false;
-});
-
-const ProposalsComponent = () => {
-  return (
-    <tbody>
-      {historyProposals?.map((item, index) => {
-        // decode args
-        const actions = item.kind?.FunctionCall?.actions?.[0];
-        const args = JSON.parse(atob(actions?.args ?? ""));
-        const isReceiverkycbVerified = true;
-        const isNEAR = true;
-        const address = item.token;
-        let ftMetadata = {
-          symbol: "NEAR",
-          decimals: 24,
-        };
-        if (!isNEAR) {
-          ftMetadata = Near.view(address, "ft_metadata", {});
-          if (ftMetadata === null) return null;
-        }
-        let amount = amountWithDecimals;
-        if (amountWithoutDecimals !== undefined) {
-          amount = Big(amountWithoutDecimals)
-            .div(Big(10).pow(ftMetadata.decimals))
-            .toString();
-        }
-        return (
-          <tr className={expandSummaryIndex[index] ? "text-grey-100" : ""}>
-            <td>{item.id}</td>
-            <td>
-              <div className="d-flex flex-row gap-2">
-                <div
-                  className="d-flex flex-column gap-2 flex-wrap"
-                  style={{ maxWidth: 320 }}
-                >
-                  <div
-                    className={
-                      "h6 bold max-w-100" +
-                      (!expandSummaryIndex[index] && " text-truncate")
-                    }
-                  >
-                    {args.title}
-                  </div>
-                  {expandSummaryIndex[index] && (
-                    <div className={"text-dark-grey max-w-100"}>
-                      {args.summary}
-                    </div>
-                  )}
-                </div>
-                <div className="cursor">
-                  <img
-                    src={
-                      expandSummaryIndex[index]
-                        ? "https://ipfs.near.social/ipfs/bafkreic35n4yddasdpl532oqcxjwore66jrjx2qc433hqdh5wi2ijy4ida"
-                        : "https://ipfs.near.social/ipfs/bafkreiaujwid7iigy6sbkrt6zkwmafz5umocvzglndugvofcz2fpw5ur3y"
-                    }
-                    onClick={() =>
-                      setExpandSummary((prevState) => ({
-                        ...prevState,
-                        [index]: !prevState[index],
-                      }))
-                    }
-                    height={20}
-                  />
-                </div>
-              </div>
-            </td>
-            <td className="text-truncate bold" style={{ maxWidth: 150 }}>
-              {treasuryDaoID}
-            </td>
-            <td className="text-truncate bold" style={{ maxWidth: 150 }}>
-              {args.receiver_id}
-            </td>
-            <td className="text-center">
-              {isReceiverkycbVerified ? (
-                <img
-                  src="https://ipfs.near.social/ipfs/bafkreidqveupkcc7e3rko2e67lztsqrfnjzw3ceoajyglqeomvv7xznusm"
-                  height={30}
-                />
-              ) : (
-                "Need icon"
-              )}
-            </td>
-            <td className="bold">{item.token}</td>
-            <td className="bold">
-              {parseFloat(args.amount).toLocaleString("en-US")}
-            </td>
-            <td>{Object.keys(item.votes ?? {}).join(", ")}</td>
-            <td className="text-truncate" style={{ maxWidth: 150 }}>
-              {item.txnHash}
-            </td>
-            <td className="text-grey">{getRelativeTime(item.approvedAt)}</td>
-          </tr>
-        );
-      })}
-    </tbody>
-  );
-};
-return (
-  <Container className="d-flex flex-column gap-4">
-    <div className="d-flex flex-row gap-2 align-items-center justify-content-between">
-      <div className="h5 bold mb-0">Payment History</div>
-      {/* currently we don't support any filter */}
-      {/* <div>
-        <button className="btn btn-outline-primary d-flex gap-2 align-items-center justify-content-center p-2 px-3">
-          <i class="bi bi-sliders"></i> <div>Filters</div>
-        </button>
-      </div> */}
-    </div>
-    <div className="card-custom overflow p-3">
-      <table className="table">
-        <thead>
-          <tr className="text-grey">
-            <td>ID</td>
-            <td>PROPOSAL</td>
-            <td>FROM</td>
-            <td>TO</td>
-            <td>KYC/B VERIFIED</td>
-            <td>TOKEN</td>
-            <td>AMOUNT</td>
-            <td>APPROVER</td>
-            <td>TRANSACTION</td>
-            <td>WHEN</td>
-          </tr>
-        </thead>
-
-        <ProposalsComponent />
-      </table>
-    </div>
-    <div className="d-flex align-items-center justify-content-center">
-      <Widget
-        src={"${REPL_DEVHUB}/widget/devhub.components.molecule.Pagination"}
-        props={{
-          totalPages: Math.round(lastProposalID / resPerPage),
-          onPageClick: (v) => setPage(v),
-        }}
-      />
-    </div>
-  </Container>
-);
diff --git a/src/devhub/entity/trustee/login.jsx b/src/devhub/entity/trustee/login.jsx
deleted file mode 100644
index 573e18d80..000000000
--- a/src/devhub/entity/trustee/login.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-const Container = styled.div`
-  width: 80vw;
-  .card-custom {
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
-    border-radius: 5px;
-    background-color: white;
-  }
-
-  .bg-grey {
-    background-color: #f3f3f2;
-  }
-
-  .cursor {
-    cursor: pointer;
-  }
-`;
-
-return (
-  <Container className="d-flex justify-content-center align-items-center h-100">
-    <div class="card-custom">
-      <div class="card-body p-4 d-flex flex-column gap-2 justify-content-center align-items-center">
-        <i class="bi bi-person-circle"></i>
-        <div className="h5">Login Below</div>
-        <div
-          onClick={() => {}} // do login?
-          className="rounded-4 bg-grey p-2 text-center d-flex gap-2 flex-row justify-content-center align-items-center cursor"
-          style={{ width: 230 }}
-        >
-          <i class="bi bi-fingerprint"></i>
-          <span>Connect Wallet</span>
-        </div>
-      </div>
-    </div>
-  </Container>
-);
diff --git a/src/devhub/entity/trustee/treasury.jsx b/src/devhub/entity/trustee/treasury.jsx
deleted file mode 100644
index a1d4788fc..000000000
--- a/src/devhub/entity/trustee/treasury.jsx
+++ /dev/null
@@ -1,80 +0,0 @@
-const Container = styled.div`
-  .bg-dark-grey {
-    background-color: #7e868c;
-  }
-  .text-white {
-    color: white;
-  }
-
-  .py-3 {
-    padding-block: 1rem !important;
-  }
-
-  .flex-item {
-    flex: 1;
-  }
-
-  .text-small {
-    font-size: 12px;
-    font-weight: 400;
-  }
-
-  .gap-10 {
-    gap: 5rem;
-  }
-`;
-
-function convertYoctoToNear(yoctoNear) {
-  return (
-    <div className="d-flex gap-2 align-items-center">
-      {Big(yoctoNear).div(Big(10).pow(24)).toFixed(3)}
-      <img
-        src="https://ipfs.near.social/ipfs/bafkreify3fv4w3yq2vmqe2nobsznpd4pdtkjolaia2c3wfx627zykxvmdi"
-        height={15}
-      />
-    </div>
-  );
-}
-
-const accountId = "devhub.near";
-const res = fetch(`https://api.nearblocks.io/v1/account/${accountId}`);
-const txns = fetch(
-  `https://api.nearblocks.io/v1/account/${accountId}/ft-txns/count`
-);
-
-if (res === null || txns === null) {
-  return <>Loading</>;
-}
-
-return (
-  <Container className="d-flex flex-column gap-4">
-    <div className="h5 bold mb-0">Treasury</div>
-    <div className="bg-dark-grey text-white p-3 py-3 d-flex gap-2 align-items-center rounded-4">
-      <div className="flex-item d-flex gap-2 align-items-center">
-        <div className="h3 bold">{accountId}</div>
-        <i
-          class="bi bi-copy"
-          onClick={() => clipboard.writeText(accountId)}
-        ></i>
-      </div>
-      <div className="flex-item d-flex gap-10 text-small">
-        <div>
-          <p>Balance</p>
-          <p className="h5 bold">
-            {convertYoctoToNear(res.body?.account[0]?.amount)}
-          </p>
-        </div>
-        <div>
-          <p>Transactions</p>
-          <p className="h5 bold">{txns?.body?.txns?.[0]?.count}</p>
-        </div>
-      </div>
-      <div>
-        <img
-          src="https://ipfs.near.social/ipfs/bafkreicprzqio2e42dd5pk2cklqdxkwprukwac236air7gfxez6rgl57y4"
-          height={25}
-        />
-      </div>
-    </div>
-  </Container>
-);