deprecate interp

Author: JeremyGamer13

src/components/tw-settings-modal/settings-modal.css

@@ -170,8 +170,20 @@
     padding: 0.5rem 1rem;
     margin: 0.25rem 0;
     border-radius: 4px;
-    background: rgb(233, 233, 53);
+    background: rgb(255, 197, 38);
+    color: black;
 }
 [theme="dark"] .warning {
-    background: rgb(114, 102, 0);
+    background: rgb(114, 65, 0);
+    color: $text-primary;
+}
+
+.summary {
+    cursor: pointer;
+}
+.dropdown {
+    margin-right: 4px;
 }
+details[open] .dropdown {
+    transform: rotate(90deg);
+}

src/components/tw-settings-modal/settings-modal.jsx

@@ -483,10 +483,6 @@ const SettingsModalComponent = props => (
                 onChange={props.onFramerateChange}
                 onCustomizeFramerate={props.onCustomizeFramerate}
             />
-            <Interpolation
-                value={props.interpolation}
-                onChange={props.onInterpolationChange}
-            />
             <HighQualityPen
                 value={props.highQualityPen}
                 onChange={props.onHighQualityPenChange}
@@ -542,6 +538,30 @@ const SettingsModalComponent = props => (
                     {...props}
                 />
             )} */}
+            <details>
+                <summary className={styles.summary}>
+                    <Header>
+                        <span className={styles.dropdown}>⯈</span>
+                        <FormattedMessage
+                            defaultMessage="Unsupported"
+                            description="Old unsupported settings section"
+                            id="pm.settingsModal.unsupported"
+                        />
+                    </Header>
+                </summary>
+                <div className={styles.warning}>
+                    <FormattedMessage
+                        // eslint-disable-next-line max-len
+                        defaultMessage="The settings here are unsupported and can break at any time. These settings are here as they either have better methods to create their effects with better results, or break often when used with other extensions."
+                        description="Warning about old unsupported settings in settings menu"
+                        id="pm.settingsModal.unsupportedWarning"
+                    />
+                </div>
+                <Interpolation
+                    value={props.interpolation}
+                    onChange={props.onInterpolationChange}
+                />
+            </details>
         </Box>
     </Modal>
 );