Function renderUploading

packages/plugins/image/src/components/image.tsx:127–149

()

    const isUploading = state === 'uploading' || state === 'waitingUpload'

    const renderUploading = () => {
      if (!isUploading) return null
      return (
        <div tw="absolute left-0 top-0 w-full h-full flex justify-center items-center text-primary">
          {percentage !== undefined && (
            <div
              css={[
                tw`w-1/3 h-2 rounded bg-gray-400/30 relative overflow-hidden`,
                css`
                  min-width: 8px;
                `,
              ]}
            >
              <div
                tw="absolute left-0 top-0 h-full bg-primary animate-pulse"
                style={{ width: `${percentage}%` }}
              ></div>
            </div>
          )}
          {percentage === undefined && <Icon name="loading" />}
        </div>
      )
    }

    const renderLoading = () => {
      if (!loading || loaded) return null