@@ -54,75 +54,73 @@ export default function DataSourceDocumentView({
54
54
document,
55
55
} : InferGetServerSidePropsType < typeof getServerSideProps > ) {
56
56
return (
57
- < div className = "w-full" >
58
- < div className = "mx-auto max-w-4xl" >
59
- < div className = "pt-6" >
60
- < Page . Vertical align = "stretch" >
57
+ < div className = "max-w-4xl" >
58
+ < div className = "pt-6" >
59
+ < Page . Vertical align = "stretch" >
60
+ < div className = "pt-4" >
61
+ < Page . SectionHeader title = "Document title" />
61
62
< div className = "pt-4" >
62
- < Page . SectionHeader title = "Document title" />
63
- < div className = "pt-4" >
64
- < Input
65
- placeholder = "Document title"
66
- name = "document"
67
- disabled = { true }
68
- value = { document . document_id }
69
- />
70
- </ div >
63
+ < Input
64
+ placeholder = "Document title"
65
+ name = "document"
66
+ disabled = { true }
67
+ value = { document . document_id }
68
+ />
71
69
</ div >
70
+ </ div >
72
71
72
+ < div className = "pt-4" >
73
+ < Page . SectionHeader title = "Source URL" />
73
74
< div className = "pt-4" >
74
- < Page . SectionHeader title = "Source URL" />
75
- < div className = "pt-4" >
76
- < Input
77
- placeholder = ""
78
- name = "document"
79
- disabled = { true }
80
- value = { document . source_url || "" }
81
- />
82
- </ div >
75
+ < Input
76
+ placeholder = ""
77
+ name = "document"
78
+ disabled = { true }
79
+ value = { document . source_url || "" }
80
+ />
83
81
</ div >
82
+ </ div >
84
83
84
+ < div className = "pt-4" >
85
+ < Page . SectionHeader title = "Text content" />
85
86
< div className = "pt-4" >
86
- < Page . SectionHeader title = "Text content" />
87
- < div className = "pt-4" >
88
- < TextArea
89
- name = "text"
90
- id = "text"
91
- rows = { 20 }
92
- readOnly = { true }
93
- className = { classNames (
94
- "font-mono text-normal block w-full min-w-0 flex-1 rounded-md" ,
95
- "border-structure-200 bg-structure-50" ,
96
- "focus:border-gray-300 focus:ring-0"
97
- ) }
98
- disabled = { true }
99
- value = { document . text || "" }
100
- />
101
- </ div >
87
+ < TextArea
88
+ name = "text"
89
+ id = "text"
90
+ rows = { 20 }
91
+ readOnly = { true }
92
+ className = { classNames (
93
+ "font-mono text-normal block w-full min-w-0 flex-1 rounded-md" ,
94
+ "border-structure-200 bg-structure-50" ,
95
+ "focus:border-gray-300 focus:ring-0"
96
+ ) }
97
+ disabled = { true }
98
+ value = { document . text || "" }
99
+ />
102
100
</ div >
101
+ </ div >
103
102
103
+ < div className = "pt-4" >
104
+ < Page . SectionHeader title = "Tags" />
104
105
< div className = "pt-4" >
105
- < Page . SectionHeader title = "Tags" />
106
- < div className = "pt-4" >
107
- { document . tags . map ( ( tag , index ) => (
108
- < div key = { index } className = "flex flex-grow flex-row" >
109
- < div className = "flex flex-1 flex-row gap-8" >
110
- < div className = "flex flex-1 flex-col" >
111
- < Input
112
- className = "w-full"
113
- placeholder = "Tag"
114
- name = "tag"
115
- disabled = { true }
116
- value = { tag }
117
- />
118
- </ div >
106
+ { document . tags . map ( ( tag , index ) => (
107
+ < div key = { index } className = "flex flex-grow flex-row" >
108
+ < div className = "flex flex-1 flex-row gap-8" >
109
+ < div className = "flex flex-1 flex-col" >
110
+ < Input
111
+ className = "w-full"
112
+ placeholder = "Tag"
113
+ name = "tag"
114
+ disabled = { true }
115
+ value = { tag }
116
+ />
119
117
</ div >
120
118
</ div >
121
- ) ) }
122
- </ div >
119
+ </ div >
120
+ ) ) }
123
121
</ div >
124
- </ Page . Vertical >
125
- </ div >
122
+ </ div >
123
+ </ Page . Vertical >
126
124
</ div >
127
125
</ div >
128
126
) ;
0 commit comments