mirror of
https://github.com/Qortal/qortal-mobile.git
synced 2025-03-15 04:12:32 +00:00
poll embed
This commit is contained in:
parent
12b98bcf1f
commit
60141ad390
18
src/App.tsx
18
src/App.tsx
@ -1293,6 +1293,24 @@ function App() {
|
||||
};
|
||||
}, []);
|
||||
|
||||
const openGlobalSnackBarFunc = (e) => {
|
||||
const message = e.detail?.message;
|
||||
const type = e.detail?.type;
|
||||
setOpenSnack(true);
|
||||
setInfoSnack({
|
||||
type,
|
||||
message
|
||||
});
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
subscribeToEvent("openGlobalSnackBar", openGlobalSnackBarFunc);
|
||||
|
||||
return () => {
|
||||
unsubscribeFromEvent("openGlobalSnackBar", openGlobalSnackBarFunc);
|
||||
};
|
||||
}, []);
|
||||
|
||||
useEffect(()=> {
|
||||
checkForUpdate()
|
||||
}, [])
|
||||
|
@ -184,7 +184,7 @@ const UIQortalRequests = [
|
||||
'GET_TX_ACTIVITY_SUMMARY', 'GET_FOREIGN_FEE', 'UPDATE_FOREIGN_FEE',
|
||||
'GET_SERVER_CONNECTION_HISTORY', 'SET_CURRENT_FOREIGN_SERVER',
|
||||
'ADD_FOREIGN_SERVER', 'REMOVE_FOREIGN_SERVER', 'GET_DAY_SUMMARY', 'CREATE_TRADE_BUY_ORDER',
|
||||
'CREATE_TRADE_SELL_ORDER', 'CANCEL_TRADE_SELL_ORDER', 'IS_USING_GATEWAY', 'ADMIN_ACTION', 'OPEN_NEW_TAB'
|
||||
'CREATE_TRADE_SELL_ORDER', 'CANCEL_TRADE_SELL_ORDER', 'IS_USING_GATEWAY', 'ADMIN_ACTION', 'OPEN_NEW_TAB', 'CREATE_AND_COPY_EMBED_LINK'
|
||||
];
|
||||
|
||||
|
||||
|
@ -22,6 +22,7 @@ import OpenInNewIcon from "@mui/icons-material/OpenInNew";
|
||||
import { extractComponents } from "../Chat/MessageDisplay";
|
||||
import { executeEvent } from "../../utils/events";
|
||||
import { CustomLoader } from "../../common/CustomLoader";
|
||||
import PollIcon from '@mui/icons-material/Poll';
|
||||
|
||||
function decodeHTMLEntities(str) {
|
||||
const txt = document.createElement("textarea");
|
||||
@ -49,10 +50,10 @@ const parseQortalLink = (link) => {
|
||||
const [key, value] = pair.split("=");
|
||||
if (key && value) {
|
||||
const decodedKey = decodeURIComponent(key.trim());
|
||||
const decodedValue = decodeURIComponent(value.trim()).replace(
|
||||
const decodedValue = value.trim().replace(
|
||||
/<\/?[^>]+(>|$)/g,
|
||||
""
|
||||
); // Remove any HTML tags
|
||||
"" // Remove any HTML tags
|
||||
);
|
||||
params[decodedKey] = decodedValue;
|
||||
}
|
||||
});
|
||||
@ -112,10 +113,10 @@ export const Embed = ({ embedLink }) => {
|
||||
const pollRes = await getPoll(parsedData.name);
|
||||
setPoll(pollRes);
|
||||
if (parsedData?.ref) {
|
||||
const res = extractComponents(parsedData.ref);
|
||||
const { service, name, identifier, path } = res;
|
||||
const res = extractComponents(decodeURIComponent(parsedData.ref));
|
||||
|
||||
|
||||
if (service && name) {
|
||||
if (res?.service && res?.name) {
|
||||
setExternal(res);
|
||||
}
|
||||
}
|
||||
@ -201,7 +202,7 @@ export const PollCard = ({
|
||||
const fee = await getFee("VOTE_ON_POLL");
|
||||
|
||||
await show({
|
||||
message: `Do you accept this VOTE_ON_POLL transaction?`,
|
||||
message: `Do you accept this VOTE_ON_POLL transaction? POLLS are public!`,
|
||||
publishFee: fee.fee + " QORT",
|
||||
});
|
||||
setIsLoadingSubmit(true);
|
||||
@ -273,7 +274,18 @@ export const PollCard = ({
|
||||
padding: "16px 16px 0px 16px",
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
gap: "10px",
|
||||
}}
|
||||
>
|
||||
<PollIcon sx={{
|
||||
color: 'white'
|
||||
}} />
|
||||
<Typography>POLL embed</Typography>
|
||||
</Box>
|
||||
<Box
|
||||
sx={{
|
||||
display: "flex",
|
||||
@ -385,7 +397,9 @@ export const PollCard = ({
|
||||
title={poll?.info?.pollName}
|
||||
subheader={poll?.info?.description}
|
||||
sx={{
|
||||
fontSize: "18px",
|
||||
"& .MuiCardHeader-title": {
|
||||
fontSize: "18px", // Custom font size for title
|
||||
},
|
||||
}}
|
||||
/>
|
||||
<CardContent>
|
||||
|
@ -1,5 +1,5 @@
|
||||
import { gateways, getApiKeyFromStorage } from "./background";
|
||||
import { addForeignServer, addListItems, adminAction, cancelSellOrder, createBuyOrder, createPoll, decryptData, deleteListItems, deployAt, encryptData, getCrossChainServerInfo, getDaySummary, getForeignFee, getListItems, getServerConnectionHistory, getTxActivitySummary, getUserAccount, getUserWallet, getUserWalletInfo, getWalletBalance, joinGroup, openNewTab, publishMultipleQDNResources, publishQDNResource, removeForeignServer, saveFile, sendChatMessage, sendCoin, setCurrentForeignServer, updateForeignFee, voteOnPoll } from "./qortalRequests/get";
|
||||
import { addForeignServer, addListItems, adminAction, cancelSellOrder, createAndCopyEmbedLink, createBuyOrder, createPoll, decryptData, deleteListItems, deployAt, encryptData, getCrossChainServerInfo, getDaySummary, getForeignFee, getListItems, getServerConnectionHistory, getTxActivitySummary, getUserAccount, getUserWallet, getUserWalletInfo, getWalletBalance, joinGroup, openNewTab, publishMultipleQDNResources, publishQDNResource, removeForeignServer, saveFile, sendChatMessage, sendCoin, setCurrentForeignServer, updateForeignFee, voteOnPoll } from "./qortalRequests/get";
|
||||
import { getData, storeData } from "./utils/chromeStorage";
|
||||
|
||||
|
||||
@ -694,6 +694,25 @@ export const isRunningGateway = async ()=> {
|
||||
}
|
||||
break;
|
||||
}
|
||||
case "CREATE_AND_COPY_EMBED_LINK": {
|
||||
try {
|
||||
const res = await createAndCopyEmbedLink(request.payload, isFromExtension)
|
||||
event.source.postMessage({
|
||||
requestId: request.requestId,
|
||||
action: request.action,
|
||||
payload: res,
|
||||
type: "backgroundMessageResponse",
|
||||
}, event.origin);
|
||||
} catch (error) {
|
||||
event.source.postMessage({
|
||||
requestId: request.requestId,
|
||||
action: request.action,
|
||||
error: error?.message,
|
||||
type: "backgroundMessageResponse",
|
||||
}, event.origin);
|
||||
}
|
||||
break;
|
||||
}
|
||||
|
||||
default:
|
||||
break;
|
||||
|
@ -2880,4 +2880,56 @@ export const openNewTab = async (data, isFromExtension) => {
|
||||
|
||||
|
||||
|
||||
};
|
||||
|
||||
const encode = (value) => encodeURIComponent(value.trim()); // Helper to encode values
|
||||
|
||||
export const createAndCopyEmbedLink = async (data, isFromExtension) => {
|
||||
const requiredFields = [
|
||||
"type",
|
||||
"name"
|
||||
];
|
||||
const missingFields: string[] = [];
|
||||
requiredFields.forEach((field) => {
|
||||
if (!data[field]) {
|
||||
missingFields.push(field);
|
||||
}
|
||||
});
|
||||
if (missingFields.length > 0) {
|
||||
const missingFieldsString = missingFields.join(", ");
|
||||
const errorMsg = `Missing fields: ${missingFieldsString}`;
|
||||
throw new Error(errorMsg);
|
||||
}
|
||||
|
||||
|
||||
switch (data.type) {
|
||||
case "POLL": {
|
||||
const queryParams = [
|
||||
`name=${encode(data.name)}`,
|
||||
data.ref ? `ref=${encode(data.ref)}` : null, // Add only if ref exists
|
||||
]
|
||||
.filter(Boolean) // Remove null values
|
||||
.join("&"); // Join with `&`
|
||||
const link = `qortal://use-embed/POLL?${queryParams}`
|
||||
navigator.clipboard.writeText(link)
|
||||
.then(() => {
|
||||
executeEvent('openGlobalSnackBar', {
|
||||
message: 'Copied link to clipboard',
|
||||
type: 'info'
|
||||
})
|
||||
//success
|
||||
})
|
||||
.catch((error) => {
|
||||
executeEvent('openGlobalSnackBar', {
|
||||
message: 'Failed to copy to clipboard',
|
||||
type: 'error'
|
||||
})
|
||||
// error
|
||||
});
|
||||
return link;
|
||||
}
|
||||
default:
|
||||
throw new Error('Invalid type')
|
||||
}
|
||||
|
||||
};
|
Loading…
x
Reference in New Issue
Block a user