use location.origin in snippet url

simularium · Sep 30, 2024 · c25872d · c25872d
1 parent f8873ef
commit c25872d
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/ShareTrajectoryModal/EmbedSnippetPanel.tsx b/src/components/ShareTrajectoryModal/EmbedSnippetPanel.tsx
@@ -32,8 +32,8 @@ const EmbedSnippetPanel = ({ startTime }: EmbedSnippetPanelProps) => {
     const [showEmbedSettingsPanel, setShowEmbedSettingsPanel] =
         React.useState(false);
 
-    const url = `http://${location.host}/embed?trajFileName=${trajectory}&t=${startTime}}`;
-    const embedSnippet = `<iframe width="${width}" height="${height}" src="${url}" title="Simularium" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>`;
+    const url = `${location.origin}/embed?trajFileName=${trajectory}&t=${startTime}`;
+    const embedSnippet = `<iframe width="${width}" height="${height}" src="${url}" title="Simularium" allow="accelerometer; autoplay; clipboard-write; encrypted-media; frameBorder="0"; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>`;
     const inputIsValid = (input: string) => {
         return !Number.isNaN(parseInt(input));
     };
@@ -100,7 +100,7 @@ const EmbedSnippetPanel = ({ startTime }: EmbedSnippetPanelProps) => {
                                     />
                                     <span> x </span>
                                     <Input
-                                        defaultValue={height}
+                                        value={height}
                                         className={styles.numberInputs}
                                         onChange={(e) => {
                                             handleChangeHeight(e.target.value);