updating code

app.py

@@ -243,22 +243,29 @@ from gradio import inputs  # Import the missing 'inputs' attribute from the 'gra
 
 api_key_link = "https://www.alphavantage.co/support/#api-key"
 
-# Run the Gradio app
+
+class APIKeyComponent(gr.Component):
+    def __init__(self):
+        super().__init__()
+        self.api_key = gr.inputs.Textbox(label="API Key", placeholder=api_key_link)
+
+class CurrencyPairComponent(gr.Component):
+    def __init__(self):
+        super().__init__()
+        self.from_symbol = gr.inputs.Dropdown(label="From Currency", choices=['EUR', 'GBP', 'USD', 'AUD', 'JPY'])
+        self.to_symbol = gr.inputs.Dropdown(label="To Currency", choices=['USD', 'JPY', 'GBP', 'AUD', 'CAD'])
+
 # Run the Gradio app
 if __name__ == "__main__":
     gr.Interface(
         fn=run_backtest,
         inputs=[
-            inputs.Textbox(label="API Key", type="text", placeholder=api_key_link),  # Use the imported 'inputs' attribute
-            gr.inputs.Dropdown(label="From Currency", choices=from_currency_choices),
-            gr.inputs.Dropdown(label="To Currency", choices=to_currency_choices),
+            APIKeyComponent(),
+            CurrencyPairComponent(),
             gr.inputs.Radio(label="Interval", choices=["1min", "5min", "15min", "30min", "60min"])
         ],
         outputs="html",  # Output as HTML to display colored text
         live=True,
         title="Trading Signal",
         description="Run Backtest and Get Trading Signal",
-    ).launch()
-
-#iface = gr.Interface(fn=greet, inputs="text", outputs="text")
-#iface.launch()
+    ).launch()