icons

src/client-src/components/Icons.jsx

@@ -1,3 +1,4 @@
+import { getApplicationID } from "..";
 import AEFT from "../../assets/AEFT.png";
 import AEFT1 from "../../assets/AEFT1.png";
 import AICY from "../../assets/AICY.png";
@@ -53,12 +54,8 @@ export function setCustom({url}){
 }
 
 export function getIcon({ className, version }) {
- // <img className="rounded-sm w-[60px] h-[60px]" src="../../assets/AEFT.png" />
-
- let source;
+ // <img className="rounded-sm w-[60px] h-[60px]" src="../../assets/AEFT.png" /> 
+ const client = require("../../rpc_client-src/client")[getApplicationID()]
 
-
-
-
- return <img className={className} src={source}></img>;
+ return <img className={className} src={client.icons[version]}></img>;
 }

src/client-src/page/Preview.jsx

@@ -16,6 +16,7 @@ import React, { useEffect, useState } from "react";
 import Avatar from "../components/Avatar";
 import Banner from "../components/Banner";
 import { dispatchEvent } from "..";
+import { getIcon } from "../components/Icons";
 
 export default function Preview() {
 
@@ -53,7 +54,8 @@ export default function Preview() {
  <p className="text-white font-medium tracking-tighter">PLAYING A GAME</p>
  </div>
  <div className="flex gap-2 pt-2 pb-5">
- <img className="rounded-sm w-[60px] h-[60px]" src="../../assets/AEFT.png" />
+ <getIcon className="rounded-sm w-[60px] h-[60px]" version={1}/>
+ {/* <img className="rounded-sm w-[60px] h-[60px]" src="../../assets/AEFT.png" /> */}
  <div className="flex flex-col text-white text-xs font-azeri_regular justify-center">
  {activity.name != "" && <p className="font-azeri_bold">{activity.name}</p>}
  {activity.details != "" && <p>{activity.details}</p>}