@@ -153,41 +153,45 @@ export const SharedViewLink: React.FC<SharedViewLinkProps> = ({
153153 </ Button >
154154 </ div >
155155 ) : (
156- < div className = "flex items-center gap-2" >
157- < Input
158- value = { shareUrl }
159- readOnly
160- className = "h-8 text-xs"
161- onClick = { ( e ) => ( e . target as HTMLInputElement ) . select ( ) }
162- />
163- < Button
164- variant = "outline"
165- size = "sm"
166- onClick = { handleCopy }
167- className = "shrink-0 gap-1"
168- >
169- { copied ? (
170- < Check className = "h-4 w-4 text-green-500" />
171- ) : (
172- < Copy className = "h-4 w-4" />
173- ) }
174- </ Button >
175- </ div >
176- { / * Share options indicators * / }
177- < div className = "flex items-center gap-2 flex-wrap" >
178- { password && (
179- < Badge variant = "outline" className = "text-xs gap-1" >
180- < Lock className = "h-3 w-3" />
181- Password protected
182- </ Badge >
183- ) }
184- { expiresIn && (
185- < Badge variant = "outline" className = "text-xs gap-1" >
186- < Calendar className = "h-3 w-3" />
187- Expires in { expiresIn } day{ expiresIn !== '1' ? 's' : '' }
188- </ Badge >
156+ < >
157+ < div className = "flex items-center gap-2" >
158+ < Input
159+ value = { shareUrl }
160+ readOnly
161+ className = "h-8 text-xs"
162+ onClick = { ( e ) => ( e . target as HTMLInputElement ) . select ( ) }
163+ />
164+ < Button
165+ variant = "outline"
166+ size = "sm"
167+ onClick = { handleCopy }
168+ className = "shrink-0 gap-1"
169+ >
170+ { copied ? (
171+ < Check className = "h-4 w-4 text-green-500" />
172+ ) : (
173+ < Copy className = "h-4 w-4" />
174+ ) }
175+ </ Button >
176+ </ div >
177+ { /* Share options indicators */ }
178+ { ( password || expiresIn ) && (
179+ < div className = "flex items-center gap-2 flex-wrap" >
180+ { password && (
181+ < Badge variant = "outline" className = "text-xs gap-1" >
182+ < Lock className = "h-3 w-3" />
183+ Password protected
184+ </ Badge >
185+ ) }
186+ { expiresIn && (
187+ < Badge variant = "outline" className = "text-xs gap-1" >
188+ < Calendar className = "h-3 w-3" />
189+ Expires in { expiresIn } day{ expiresIn !== '1' ? 's' : '' }
190+ </ Badge >
191+ ) }
192+ </ div >
189193 ) }
190- </ div >
194+ </ >
191195 ) }
192196 </ PopoverContent >
193197 </ Popover >
0 commit comments