various: s3 dragger uses indigo-react
import React, { Component } from 'react'
-import { Icon } from "@tlon/indigo-react";
+import { Box, Text, Icon } from "@tlon/indigo-react";
import S3Client from '~/logic/lib/s3';
import { Spinner } from './Spinner';
@@ -7,10 +7,24 @@ import { S3Credentials, S3Configuration } from '~/types';
import { dateToDa, deSig } from '~/logic/lib/util';
export const SubmitDragger = () => (
- <div
- className="top-0 bottom-0 left-0 right-0 absolute bg-gray5 h-100 w-100 flex items-center justify-center z-999"
- style={{pointerEvents: 'none'}}
- >Drop a file to upload</div>
+ <Box
+ top='0'
+ bottom='0'
+ left='0'
+ right='0'
+ position='absolute'
+ backgroundColor='white'
+ height='100%'
+ width='100%'
+ display='flex'
+ alignItems='center'
+ justifyContent='center'
+ style={{ pointerEvents: 'none', zIndex: 999 }}
+ >
+ <Text fontSize='1' color='black'>
+ Drop a file to upload
+ </Text>
+ </Box>
);
interface S3UploadProps {
