content.tsx54 lines · main

1	import { MultipleCodeBlock } from 'ui-patterns/MultipleCodeBlock'
2
3	import type { StepContentProps } from '@/components/interfaces/ConnectSheet/Connect.types'
4
5	const ContentFile = ({ projectKeys }: StepContentProps) => {
6	const files = [
7	{
8	name: '.env',
9	language: 'bash',
10	code: `
11	BRIVEN_URL=${projectKeys.apiUrl ?? 'your-project-url'}
12	BRIVEN_KEY=${projectKeys.publishableKey ?? projectKeys.anonKey ?? 'your-anon-key'}
13	`,
14	},
15	{
16	name: 'app.py',
17	language: 'python',
18	code: `
19	import os
20	from flask import Flask
21	from briven import create_client, Client
22	from dotenv import load_dotenv
23
24	load_dotenv()
25
26	app = Flask(__name__)
27
28	briven: Client = create_client(
29	os.environ.get("BRIVEN_URL"),
30	os.environ.get("BRIVEN_KEY")
31	)
32
33	@app.route('/')
34	def index():
35	response = briven.table('todos').select("*").execute()
36	todos = response.data
37
38	html = '<h1>Todos</h1><ul>'
39	for todo in todos:
40	html += f'<li>{todo["name"]}</li>'
41	html += '</ul>'
42
43	return html
44
45	if __name__ == '__main__':
46	app.run(debug=True)
47	`,
48	},
49	]
50
51	return <MultipleCodeBlock files={files} />
52	}
53
54	export default ContentFile