Refactor sendFeedback utility and add ShareE2EEHistory command

.changeset/add_command_for_msc4268_e2ee_history_sharing.md

@@ -0,0 +1,5 @@
+---
+default: minor
+---
+
+added a `/sharehistory` command to [share encrypted history with a user](https://github.com/matrix-org/matrix-spec-proposals/blob/rav/proposal/encrypted_history_sharing/proposals/4268-encrypted-history-sharing.md)

src/app/features/settings/experimental/Experimental.tsx

@@ -4,6 +4,7 @@ import { InfoCard } from '$components/info-card';
 import { LanguageSpecificPronouns } from '../cosmetics/LanguageSpecificPronouns';
 import { Sync } from '../general';
 import { BandwidthSavingEmojis } from './BandwithSavingEmojis';
+import { MSC4268HistoryShare } from './MSC4268HistoryShare';
 
 type ExperimentalProps = {
   requestClose: () => void;
@@ -43,6 +44,7 @@ export function Experimental({ requestClose }: ExperimentalProps) {
             <br />
             <Box direction="Column" gap="700">
               <Sync />
+              <MSC4268HistoryShare />
               <LanguageSpecificPronouns />
               <BandwidthSavingEmojis />
             </Box>

src/app/features/settings/experimental/MSC4268HistoryShare.tsx

@@ -0,0 +1,42 @@
+import { SequenceCard } from '$components/sequence-card';
+import { SettingTile } from '$components/setting-tile';
+import { useSetting } from '$state/hooks/settings';
+import { settingsAtom } from '$state/settings';
+import { Box, Switch, Text } from 'folds';
+import { SequenceCardStyle } from '../styles.css';
+
+export function MSC4268HistoryShare() {
+  const [enabledMSC4268Command, setEnabledMSC4268Command] = useSetting(
+    settingsAtom,
+    'enableMSC4268CMD'
+  );
+
+  return (
+    <Box direction="Column" gap="100">
+      <Text size="L400">Enable Sharing of Encrypted History</Text>
+      <SequenceCard
+        className={SequenceCardStyle}
+        variant="SurfaceVariant"
+        direction="Column"
+        gap="100"
+      >
+        <SettingTile
+          title="Enable the /sharehistory command"
+          description="If enabled, this command will allow users to share encrypted history with other newly joined users, as per MSC4268."
+          after={
+            <Switch
+              variant="Primary"
+              value={enabledMSC4268Command}
+              onChange={setEnabledMSC4268Command}
+              title={
+                enabledMSC4268Command
+                  ? 'Disable /sharehistory command'
+                  : 'Enable /sharehistory command'
+              }
+            />
+          }
+        />
+      </SequenceCard>
+    </Box>
+  );
+}