Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-06-17 13:21:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move tsx into proper folder

Browse Source
This commit is contained in:
Nicola Benaglia 2025-04-20 09:44:43 +02:00
parent 6dea8e2468
commit d0cfc4db2f
25 changed files with 229 additions and 234 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/App.tsx
View File

@ -34,9 +34,9 @@ import ltcLogo from './assets/ltc.png';
import PersonSearchIcon from '@mui/icons-material/PersonSearch';
import qortLogo from './assets/qort.png';
import { CopyToClipboard } from 'react-copy-to-clipboard';
import { Download } from './assets/svgs/Download.tsx';
import { Logout } from './assets/svgs/Logout.tsx';
import { Return } from './assets/svgs/Return.tsx';
import { Download } from './assets/Icons/Download.tsx';
import { Logout } from './assets/Icons/Logout.tsx';
import { Return } from './assets/Icons/Return.tsx';
import WarningIcon from '@mui/icons-material/Warning';
import Success from './assets/svgs/Success.svg';
import './utils/seedPhrase/RandomSentenceGenerator';

0
src/assets/svgs/CreateThreadIcon.tsx → src/assets/Icons/CreateThreadIcon.tsx
View File

0
src/assets/svgs/Download.tsx → src/assets/Icons/Download.tsx
View File

0
src/assets/svgs/Logout.tsx → src/assets/Icons/Logout.tsx
View File

0
src/assets/svgs/NavAdd.tsx → src/assets/Icons/NavAdd.tsx
View File

0
src/assets/svgs/NavBack.tsx → src/assets/Icons/NavBack.tsx
View File

0
src/assets/svgs/NavCloseTab.tsx → src/assets/Icons/NavCloseTab.tsx
View File

0
src/assets/svgs/NavMoreMenu.tsx → src/assets/Icons/NavMoreMenu.tsx
View File

0
src/assets/svgs/Return.tsx → src/assets/Icons/Return.tsx
View File

0
src/assets/svgs/SaveIcon.tsx → src/assets/Icons/SaveIcon.tsx
View File

0
src/assets/svgs/SendNewMessage.tsx → src/assets/Icons/SendNewMessage.tsx
View File

0
src/assets/svgs/StarEmpty.tsx → src/assets/Icons/StarEmpty.tsx
View File

0
src/assets/svgs/StarFilled.tsx → src/assets/Icons/StarFilled.tsx
View File

2
src/assets/Icons/WalletIcon.tsx
View File

@ -1,5 +1,5 @@
import { useTheme } from '@mui/material';
import { SVGProps } from '../svgs/interfaces';
import { SVGProps } from './interfaces';
export const WalletIcon: React.FC<SVGProps> = ({
color,

0
src/assets/svgs/interfaces.ts → src/assets/Icons/interfaces.ts
View File

3
src/assets/svgs/Download.svg
View File

@ -1,3 +0,0 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.8047 0.393196V7.21185H16.3036L10.0003 13.5139L3.69697 7.21185H7.19584V0H12.8045L12.8047 0.393196ZM2.7047 16.8587V13.9861H0V18.6179C0 19.3774 0.622589 20 1.38213 20H18.6179C19.3774 20 20 19.3774 20 18.6179V13.9861H17.2962V17.2963L2.70461 17.2954L2.7047 16.8587Z" fill="white" fill-opacity="0.5"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 452 B

184
src/components/Apps/AppRating.tsx
View File

@ -1,20 +1,14 @@
import { Box, Rating, Typography } from "@mui/material";
import React, {
useCallback,
useContext,
useEffect,
useRef,
useState,
} from "react";
import { getFee } from "../../background";
import { MyContext, getBaseApiReact } from "../../App";
import { CustomizedSnackbars } from "../Snackbar/Snackbar";
import { StarFilledIcon } from "../../assets/svgs/StarFilled";
import { StarEmptyIcon } from "../../assets/svgs/StarEmpty";
import { AppInfoUserName } from "./Apps-styles";
import { Spacer } from "../../common/Spacer";
import { Box, Rating } from '@mui/material';
import { useCallback, useContext, useEffect, useRef, useState } from 'react';
import { getFee } from '../../background';
import { MyContext, getBaseApiReact } from '../../App';
import { CustomizedSnackbars } from '../Snackbar/Snackbar';
import { StarFilledIcon } from '../../assets/Icons/StarFilled';
import { StarEmptyIcon } from '../../assets/Icons/StarEmpty';
import { AppInfoUserName } from './Apps-styles';
import { Spacer } from '../../common/Spacer';
export const AppRating = ({ app, myName, ratingCountPosition = "right" }) => {
export const AppRating = ({ app, myName, ratingCountPosition = 'right' }) => {
const [value, setValue] = useState(0);
const { show } = useContext(MyContext);
const [hasPublishedRating, setHasPublishedRating] = useState<null | boolean>(
@ -33,14 +27,14 @@ export const AppRating = ({ app, myName, ratingCountPosition = "right" }) => {
const url = `${getBaseApiReact()}/polls/${pollName}`;
const response = await fetch(url, {
method: "GET",
method: 'GET',
headers: {
"Content-Type": "application/json",
'Content-Type': 'application/json',
},
});
const responseData = await response.json();
if (responseData?.message?.includes("POLL_NO_EXISTS")) {
if (responseData?.message?.includes('POLL_NO_EXISTS')) {
setHasPublishedRating(false);
} else if (responseData?.pollName) {
setPollInfo(responseData);
@ -48,9 +42,9 @@ export const AppRating = ({ app, myName, ratingCountPosition = "right" }) => {
const urlVotes = `${getBaseApiReact()}/polls/votes/${pollName}`;
const responseVotes = await fetch(urlVotes, {
method: "GET",
method: 'GET',
headers: {
"Content-Type": "application/json",
'Content-Type': 'application/json',
},
});
@ -59,15 +53,15 @@ export const AppRating = ({ app, myName, ratingCountPosition = "right" }) => {
const voteCount = responseDataVotes.voteCounts;
// Include initial value vote in the calculation
const ratingVotes = voteCount.filter(
(vote) => !vote.optionName.startsWith("initialValue-")
(vote) => !vote.optionName.startsWith('initialValue-')
);
const initialValueVote = voteCount.find((vote) =>
vote.optionName.startsWith("initialValue-")
vote.optionName.startsWith('initialValue-')
);
if (initialValueVote) {
// Convert "initialValue-X" to just "X" and add it to the ratingVotes array
const initialRating = parseInt(
initialValueVote.optionName.split("-")[1],
initialValueVote.optionName.split('-')[1],
10
);
ratingVotes.push({
@ -92,7 +86,7 @@ export const AppRating = ({ app, myName, ratingCountPosition = "right" }) => {
setValue(averageRating);
}
} catch (error) {
if (error?.message?.includes("POLL_NO_EXISTS")) {
if (error?.message?.includes('POLL_NO_EXISTS')) {
setHasPublishedRating(false);
}
}
@ -105,45 +99,47 @@ export const AppRating = ({ app, myName, ratingCountPosition = "right" }) => {
const rateFunc = async (event, chosenValue, currentValue) => {
try {
const newValue = chosenValue || currentValue
if (!myName) throw new Error("You need a name to rate.");
const newValue = chosenValue || currentValue;
if (!myName) throw new Error('You need a name to rate.');
if (!app?.name) return;
const fee = await getFee("CREATE_POLL");
const fee = await getFee('CREATE_POLL');
await show({
message: `Would you like to rate this app a rating of ${newValue}?. It will create a POLL tx.`,
publishFee: fee.fee + " QORT",
publishFee: fee.fee + ' QORT',
});
if (hasPublishedRating === false) {
const pollName = `app-library-${app.service}-rating-${app.name}`;
const pollOptions = [`1, 2, 3, 4, 5, initialValue-${newValue}`];
await new Promise((res, rej) => {
window.sendMessage("createPoll", {
pollName: pollName,
pollDescription: `Rating for ${app.service} ${app.name}`,
pollOptions: pollOptions,
pollOwnerAddress: myName,
}, 60000)
.then((response) => {
if (response.error) {
rej(response?.message);
return;
} else {
res(response);
setInfoSnack({
type: "success",
message:
"Successfully rated. Please wait a couple minutes for the network to propogate the changes.",
});
setOpenSnack(true);
}
})
.catch((error) => {
console.error("Failed qortalRequest", error);
});
window
.sendMessage(
'createPoll',
{
pollName: pollName,
pollDescription: `Rating for ${app.service} ${app.name}`,
pollOptions: pollOptions,
pollOwnerAddress: myName,
},
60000
)
.then((response) => {
if (response.error) {
rej(response?.message);
return;
} else {
res(response);
setInfoSnack({
type: 'success',
message:
'Successfully rated. Please wait a couple minutes for the network to propogate the changes.',
});
setOpenSnack(true);
}
})
.catch((error) => {
console.error('Failed qortalRequest', error);
});
});
} else {
const pollName = `app-library-${app.service}-rating-${app.name}`;
@ -152,39 +148,41 @@ export const AppRating = ({ app, myName, ratingCountPosition = "right" }) => {
(option) => +option.optionName === +newValue
);
if (isNaN(optionIndex) || optionIndex === -1)
throw new Error("Cannot find rating option");
throw new Error('Cannot find rating option');
await new Promise((res, rej) => {
window.sendMessage("voteOnPoll", {
pollName: pollName,
optionIndex,
}, 60000)
.then((response) => {
if (response.error) {
rej(response?.message);
return;
} else {
res(response);
setInfoSnack({
type: "success",
message:
"Successfully rated. Please wait a couple minutes for the network to propogate the changes.",
});
setOpenSnack(true);
}
})
.catch((error) => {
console.error("Failed qortalRequest", error);
});
window
.sendMessage(
'voteOnPoll',
{
pollName: pollName,
optionIndex,
},
60000
)
.then((response) => {
if (response.error) {
rej(response?.message);
return;
} else {
res(response);
setInfoSnack({
type: 'success',
message:
'Successfully rated. Please wait a couple minutes for the network to propogate the changes.',
});
setOpenSnack(true);
}
})
.catch((error) => {
console.error('Failed qortalRequest', error);
});
});
}
} catch (error) {
console.log('error', error)
console.log('error', error);
setInfoSnack({
type: "error",
message: error?.message || "Unable to rate",
type: 'error',
message: error?.message || 'Unable to rate',
});
setOpenSnack(true);
}
@ -194,17 +192,17 @@ export const AppRating = ({ app, myName, ratingCountPosition = "right" }) => {
<div>
<Box
sx={{
display: "flex",
alignItems: "center",
flexDirection: ratingCountPosition === "top" ? "column" : "row",
display: 'flex',
alignItems: 'center',
flexDirection: ratingCountPosition === 'top' ? 'column' : 'row',
}}
>
{ratingCountPosition === "top" && (
{ratingCountPosition === 'top' && (
<>
<AppInfoUserName>
{(votesInfo?.totalVotes ?? 0) +
(votesInfo?.voteCounts?.length === 6 ? 1 : 0)}{" "}
{" RATINGS"}
(votesInfo?.voteCounts?.length === 6 ? 1 : 0)}{' '}
{' RATINGS'}
</AppInfoUserName>
<Spacer height="6px" />
<AppInfoUserName>{value?.toFixed(1)}</AppInfoUserName>
@ -214,17 +212,17 @@ export const AppRating = ({ app, myName, ratingCountPosition = "right" }) => {
<Rating
value={value}
onChange={(event, rating)=> rateFunc(event, rating, value)}
onChange={(event, rating) => rateFunc(event, rating, value)}
precision={1}
size="small"
icon={<StarFilledIcon />}
emptyIcon={<StarEmptyIcon />}
sx={{
display: "flex",
gap: "2px",
display: 'flex',
gap: '2px',
}}
/>
{ratingCountPosition === "right" && (
{ratingCountPosition === 'right' && (
<AppInfoUserName>
{(votesInfo?.totalVotes ?? 0) +
(votesInfo?.voteCounts?.length === 6 ? 1 : 0)}

4
src/components/Apps/AppsDevModeNavBar.tsx
View File

@ -4,8 +4,8 @@ import {
AppsNavBarParent,
AppsNavBarRight,
} from './Apps-styles';
import { NavBack } from '../../assets/svgs/NavBack.tsx';
import { NavAdd } from '../../assets/svgs/NavAdd.tsx';
import { NavBack } from '../../assets/Icons/NavBack.tsx';
import { NavAdd } from '../../assets/Icons/NavAdd.tsx';
import { ButtonBase, Tab, Tabs } from '@mui/material';
import {
executeEvent,

2
src/components/Apps/AppsDevModeTabComponent.tsx
View File

@ -1,5 +1,5 @@
import { TabParent } from './Apps-styles';
import { NavCloseTab } from '../../assets/svgs/NavCloseTab.tsx';
import { NavCloseTab } from '../../assets/Icons/NavCloseTab.tsx';
import { getBaseApiReact } from '../../App';
import { Avatar, ButtonBase } from '@mui/material';
import LogoSelected from '../../assets/svgs/LogoSelected.svg';

6
src/components/Apps/AppsNavBar.tsx
View File

@ -4,9 +4,9 @@ import {
AppsNavBarParent,
AppsNavBarRight,
} from './Apps-styles';
import { NavBack } from '../../assets/svgs/NavBack.tsx';
import { NavAdd } from '../../assets/svgs/NavAdd.tsx';
import { NavMoreMenu } from '../../assets/svgs/NavMoreMenu.tsx';
import { NavBack } from '../../assets/Icons/NavBack.tsx';
import { NavAdd } from '../../assets/Icons/NavAdd.tsx';
import { NavMoreMenu } from '../../assets/Icons/NavMoreMenu.tsx';
import {
ButtonBase,
ListItemIcon,

6
src/components/Apps/AppsNavBarDesktop.tsx
View File

@ -4,9 +4,9 @@ import {
AppsNavBarParent,
AppsNavBarRight,
} from './Apps-styles';
import { NavBack } from '../../assets/svgs/NavBack.tsx';
import { NavAdd } from '../../assets/svgs/NavAdd.tsx';
import { NavMoreMenu } from '../../assets/svgs/NavMoreMenu.tsx';
import { NavBack } from '../../assets/Icons/NavBack.tsx';
import { NavAdd } from '../../assets/Icons/NavAdd.tsx';
import { NavMoreMenu } from '../../assets/Icons/NavMoreMenu.tsx';
import ContentCopyIcon from '@mui/icons-material/ContentCopy';
import {
ButtonBase,

2
src/components/Apps/TabComponent.tsx
View File

@ -1,5 +1,5 @@
import { TabParent } from './Apps-styles';
import { NavCloseTab } from '../../assets/svgs/NavCloseTab.tsx';
import { NavCloseTab } from '../../assets/Icons/NavCloseTab.tsx';
import { getBaseApiReact } from '../../App';
import { Avatar, ButtonBase, useTheme } from '@mui/material';
import LogoSelected from '../../assets/svgs/LogoSelected.svg';

4
src/components/Group/Forum/NewThread.tsx
View File

@ -33,8 +33,8 @@ import {
import { ReusableModal } from './ReusableModal';
import { Spacer } from '../../../common/Spacer';
import { formatBytes } from '../../../utils/Size';
import { CreateThreadIcon } from '../../../assets/svgs/CreateThreadIcon';
import { SendNewMessage } from '../../../assets/svgs/SendNewMessage';
import { CreateThreadIcon } from '../../../assets/Icons/CreateThreadIcon';
import { SendNewMessage } from '../../../assets/Icons/SendNewMessage';
import { TextEditor } from './TextEditor';
import {
MyContext,

2
src/components/Group/WalletsAppWrapper.tsx
View File

@ -10,7 +10,7 @@ import {
import { useRecoilState } from 'recoil';
import { navigationControllerAtom } from '../../atoms/global';
import { AppsNavBarLeft, AppsNavBarParent } from '../Apps/Apps-styles';
import { NavBack } from '../../assets/svgs/NavBack.tsx';
import { NavBack } from '../../assets/Icons/NavBack.tsx';
import RefreshIcon from '@mui/icons-material/Refresh';
export const WalletsAppWrapper = () => {

242
src/components/Save/Save.tsx
View File

@ -1,6 +1,6 @@
import React, { useContext, useEffect, useMemo, useState } from "react";
import { useRecoilState, useSetRecoilState } from "recoil";
import isEqual from "lodash/isEqual"; // Import deep comparison utility
import React, { useContext, useEffect, useMemo, useState } from 'react';
import { useRecoilState, useSetRecoilState } from 'recoil';
import isEqual from 'lodash/isEqual'; // Import deep comparison utility
import {
canSaveSettingToQdnAtom,
hasSettingsChangedAtom,
@ -9,35 +9,35 @@ import {
settingsLocalLastUpdatedAtom,
settingsQDNLastUpdatedAtom,
sortablePinnedAppsAtom,
} from "../../atoms/global";
import { Box, Button, ButtonBase, Popover, Typography } from "@mui/material";
import { objectToBase64 } from "../../qdn/encryption/group-encryption";
import { MyContext } from "../../App";
import { getFee } from "../../background";
import { CustomizedSnackbars } from "../Snackbar/Snackbar";
import { SaveIcon } from "../../assets/svgs/SaveIcon";
import { IconWrapper } from "../Desktop/DesktopFooter";
import { Spacer } from "../../common/Spacer";
import { LoadingButton } from "@mui/lab";
import { saveToLocalStorage } from "../Apps/AppsNavBar";
import { decryptData, encryptData } from "../../qortalRequests/get";
import { saveFileToDiskGeneric } from "../../utils/generateWallet/generateWallet";
} from '../../atoms/global';
import { Box, Button, ButtonBase, Popover, Typography } from '@mui/material';
import { objectToBase64 } from '../../qdn/encryption/group-encryption';
import { MyContext } from '../../App';
import { getFee } from '../../background';
import { CustomizedSnackbars } from '../Snackbar/Snackbar';
import { SaveIcon } from '../../assets/Icons/SaveIcon';
import { IconWrapper } from '../Desktop/DesktopFooter';
import { Spacer } from '../../common/Spacer';
import { LoadingButton } from '@mui/lab';
import { saveToLocalStorage } from '../Apps/AppsNavBar';
import { decryptData, encryptData } from '../../qortalRequests/get';
import { saveFileToDiskGeneric } from '../../utils/generateWallet/generateWallet';
import {
base64ToUint8Array,
uint8ArrayToObject,
} from "../../backgroundFunctions/encryption";
} from '../../backgroundFunctions/encryption';
export const handleImportClick = async () => {
const fileInput = document.createElement("input");
fileInput.type = "file";
fileInput.accept = ".base64,.txt";
const fileInput = document.createElement('input');
fileInput.type = 'file';
fileInput.accept = '.base64,.txt';
// Create a promise to handle file selection and reading synchronously
return await new Promise((resolve, reject) => {
fileInput.onchange = () => {
const file = fileInput.files[0];
if (!file) {
reject(new Error("No file selected"));
reject(new Error('No file selected'));
return;
}
@ -46,7 +46,7 @@ export const handleImportClick = async () => {
resolve(e.target.result); // Resolve with the file content
};
reader.onerror = () => {
reject(new Error("Error reading file"));
reject(new Error('Error reading file'));
};
reader.readAsText(file); // Read the file as text (Base64 string)
@ -124,7 +124,7 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
const encryptData = await new Promise((res, rej) => {
window
.sendMessage(
"ENCRYPT_DATA",
'ENCRYPT_DATA',
{
data64,
},
@ -139,23 +139,23 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
}
})
.catch((error) => {
console.error("Failed qortalRequest", error);
console.error('Failed qortalRequest', error);
});
});
if (encryptData && !encryptData?.error) {
const fee = await getFee("ARBITRARY");
const fee = await getFee('ARBITRARY');
await show({
message:
"Would you like to publish your settings to QDN (encrypted) ?",
publishFee: fee.fee + " QORT",
'Would you like to publish your settings to QDN (encrypted) ?',
publishFee: fee.fee + ' QORT',
});
const response = await new Promise((res, rej) => {
window
.sendMessage("publishOnQDN", {
.sendMessage('publishOnQDN', {
data: encryptData,
identifier: "ext_saved_settings",
service: "DOCUMENT_PRIVATE",
identifier: 'ext_saved_settings',
service: 'DOCUMENT_PRIVATE',
})
.then((response) => {
if (!response?.error) {
@ -165,15 +165,15 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
rej(response.error);
})
.catch((error) => {
rej(error.message || "An error occurred");
rej(error.message || 'An error occurred');
});
});
if (response?.identifier) {
setOldPinnedApps(pinnedApps);
setSettingsQdnLastUpdated(Date.now());
setInfoSnack({
type: "success",
message: "Sucessfully published to QDN",
type: 'success',
message: 'Sucessfully published to QDN',
});
setOpenSnack(true);
setAnchorEl(null);
@ -181,8 +181,8 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
}
} catch (error) {
setInfoSnack({
type: "error",
message: error?.message || "Unable to save to QDN",
type: 'error',
message: error?.message || 'Unable to save to QDN',
});
setOpenSnack(true);
} finally {
@ -196,7 +196,7 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
const revertChanges = () => {
setPinnedApps(oldPinnedApps);
saveToLocalStorage("ext_saved_settings", "sortablePinnedApps", null);
saveToLocalStorage('ext_saved_settings', 'sortablePinnedApps', null);
setAnchorEl(null);
};
@ -218,11 +218,11 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
selected={false}
>
<SaveIcon
color={hasChanged && !isLoading ? "#5EB049" : undefined}
color={hasChanged && !isLoading ? '#5EB049' : undefined}
/>
</IconWrapper>
) : (
<SaveIcon color={hasChanged && !isLoading ? "#5EB049" : undefined} />
<SaveIcon color={hasChanged && !isLoading ? '#5EB049' : undefined} />
)}
</ButtonBase>
<Popover
@ -230,41 +230,41 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
anchorEl={anchorEl}
onClose={() => setAnchorEl(null)} // Close popover on click outside
anchorOrigin={{
vertical: "bottom",
horizontal: "center",
vertical: 'bottom',
horizontal: 'center',
}}
transformOrigin={{
vertical: "top",
horizontal: "center",
vertical: 'top',
horizontal: 'center',
}}
sx={{
width: "300px",
maxWidth: "90%",
maxHeight: "80%",
overflow: "auto",
width: '300px',
maxWidth: '90%',
maxHeight: '80%',
overflow: 'auto',
}}
>
{isUsingImportExportSettings && (
<Box
sx={{
padding: "15px",
display: "flex",
flexDirection: "column",
padding: '15px',
display: 'flex',
flexDirection: 'column',
gap: 1,
width: "100%",
width: '100%',
}}
>
<Box
sx={{
width: "100%",
display: "flex",
flexDirection: "column",
alignItems: "center",
width: '100%',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
}}
>
<Typography
sx={{
fontSize: "14px",
fontSize: '14px',
}}
>
You are using the export/import way of saving settings.
@ -274,8 +274,8 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
size="small"
onClick={() => {
saveToLocalStorage(
"ext_saved_settings_import_export",
"sortablePinnedApps",
'ext_saved_settings_import_export',
'sortablePinnedApps',
null,
true
);
@ -283,13 +283,13 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
}}
variant="contained"
sx={{
backgroundColor: "var(--danger)",
color: "black",
fontWeight: "bold",
backgroundColor: 'var(--danger)',
color: 'black',
fontWeight: 'bold',
opacity: 0.7,
"&:hover": {
backgroundColor: "var(--danger)",
color: "black",
'&:hover': {
backgroundColor: 'var(--danger)',
color: 'black',
opacity: 1,
},
}}
@ -302,25 +302,25 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
{!isUsingImportExportSettings && (
<Box
sx={{
padding: "15px",
display: "flex",
flexDirection: "column",
padding: '15px',
display: 'flex',
flexDirection: 'column',
gap: 1,
width: "100%",
width: '100%',
}}
>
{!myName ? (
<Box
sx={{
width: "100%",
display: "flex",
flexDirection: "column",
alignItems: "center",
width: '100%',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
}}
>
<Typography
sx={{
fontSize: "14px",
fontSize: '14px',
}}
>
You need a registered Qortal name to save your pinned apps to
@ -332,15 +332,15 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
{hasChanged && (
<Box
sx={{
width: "100%",
display: "flex",
flexDirection: "column",
alignItems: "center",
width: '100%',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
}}
>
<Typography
sx={{
fontSize: "14px",
fontSize: '14px',
}}
>
You have unsaved changes to your pinned apps. Save them to
@ -349,13 +349,13 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
<Spacer height="10px" />
<LoadingButton
sx={{
backgroundColor: "var(--green)",
color: "black",
backgroundColor: 'var(--green)',
color: 'black',
opacity: 0.7,
fontWeight: "bold",
"&:hover": {
backgroundColor: "var(--green)",
color: "black",
fontWeight: 'bold',
'&:hover': {
backgroundColor: 'var(--green)',
color: 'black',
opacity: 1,
},
}}
@ -372,7 +372,7 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
<>
<Typography
sx={{
fontSize: "14px",
fontSize: '14px',
}}
>
Don't like your current local changes? Would you
@ -385,13 +385,13 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
onClick={revertChanges}
variant="contained"
sx={{
backgroundColor: "var(--danger)",
color: "black",
fontWeight: "bold",
backgroundColor: 'var(--danger)',
color: 'black',
fontWeight: 'bold',
opacity: 0.7,
"&:hover": {
backgroundColor: "var(--danger)",
color: "black",
'&:hover': {
backgroundColor: 'var(--danger)',
color: 'black',
opacity: 1,
},
}}
@ -405,7 +405,7 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
<>
<Typography
sx={{
fontSize: "14px",
fontSize: '14px',
}}
>
Don't like your current local changes? Would you
@ -428,15 +428,15 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
isUsingImportExportSettings !== true && (
<Box
sx={{
width: "100%",
display: "flex",
flexDirection: "column",
alignItems: "center",
width: '100%',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
}}
>
<Typography
sx={{
fontSize: "14px",
fontSize: '14px',
}}
>
The app was unable to download your existing QDN-saved
@ -449,13 +449,13 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
onClick={saveToQdn}
variant="contained"
sx={{
backgroundColor: "var(--danger)",
color: "black",
fontWeight: "bold",
backgroundColor: 'var(--danger)',
color: 'black',
fontWeight: 'bold',
opacity: 0.7,
"&:hover": {
backgroundColor: "var(--danger)",
color: "black",
'&:hover': {
backgroundColor: 'var(--danger)',
color: 'black',
opacity: 1,
},
}}
@ -467,15 +467,15 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
{!hasChanged && (
<Box
sx={{
width: "100%",
display: "flex",
flexDirection: "column",
alignItems: "center",
width: '100%',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
}}
>
<Typography
sx={{
fontSize: "14px",
fontSize: '14px',
}}
>
You currently do not have any changes to your pinned apps
@ -488,19 +488,19 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
)}
<Box
sx={{
padding: "15px",
display: "flex",
flexDirection: "column",
padding: '15px',
display: 'flex',
flexDirection: 'column',
gap: 1,
width: "100%",
width: '100%',
}}
>
<Box
sx={{
display: "flex",
gap: "10px",
justifyContent: "flex-end",
width: "100%",
display: 'flex',
gap: '10px',
justifyContent: 'flex-end',
width: '100%',
}}
>
<ButtonBase
@ -517,8 +517,8 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
);
if (Array.isArray(responseData)) {
saveToLocalStorage(
"ext_saved_settings_import_export",
"sortablePinnedApps",
'ext_saved_settings_import_export',
'sortablePinnedApps',
responseData,
{
isUsingImportExport: true,
@ -529,7 +529,7 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
setIsUsingImportExportSettings(true);
}
} catch (error) {
console.log("error", error);
console.log('error', error);
}
}}
>
@ -544,14 +544,14 @@ export const Save = ({ isDesktop, disableWidth, myName }) => {
data64,
});
const blob = new Blob([encryptedData], {
type: "text/plain",
type: 'text/plain',
});
const timestamp = new Date().toISOString().replace(/:/g, "-"); // Safe timestamp for filenames
const timestamp = new Date().toISOString().replace(/:/g, '-'); // Safe timestamp for filenames
const filename = `qortal-new-ui-backup-settings-${timestamp}.txt`;
await saveFileToDiskGeneric(blob, filename);
} catch (error) {
console.log("error", error);
console.log('error', error);
}
}}
>