slate/components/api-docs/v2/upload-by-url.js

import * as React from "react";
import * as System from "~/components/system";

import CodeBlock from "~/components/system/CodeBlock";

const EXAMPLE_CODE_JS = (
  key
) => `const url = 'https://uploads.slate.host/api/v2/public/upload-by-url';

const response = await fetch(url, {
  method: 'POST',
  headers: {
    'Content-Type': "application/json",
    Authorization: '${key}', // API key
  },
  body: JSON.stringify({
    data: {
      url: "www.example-file-url.com",
      filename: "OPTIONAL-FILENAME-HERE", // if no filename is provided, filename defaults to the cid
    },
  }),
});

const json = await response.json();`;

const EXAMPLE_CODE_PY = (key) => `import requests

url = "https://uploads.slate.host/api/v2/public/upload-by-url"

headers = {
  "Content-Type": "application/json",
  "Authorization": "${key}" # API key
}
json = {
  data: {
    url: "www.example-file-url.com",
    filename: "OPTIONAL-FILENAME-HERE", # if no filename is provided, filename defaults to the cid
  }
}

r = requests.post(url, headers=headers, json=json)`;

export default class APIDocsUploadByURL extends React.Component {
  render() {
    let language = this.props.language;
    let key = this.props.APIKey;
    let slateId = this.props.slateId;

    let uploadCode = {
      javascript: EXAMPLE_CODE_JS(key),
      python: EXAMPLE_CODE_PY(key),
    };
    return (
      <div css={this.props.cssValue} style={this.props.style}>
        <System.DescriptionGroup
          style={{ maxWidth: 640 }}
          label="Upload File by URL"
          description={
            "This API endpoint allows you to upload a file directly from a URL. The URL you use should point directly to the source link of the desired file."
          }
        />
        <CodeBlock
          children={uploadCode}
          style={{ maxWidth: "820px" }}
          language={language}
          title="Upload File by URL"
          multiLang="true"
          onLanguageChange={this.props.onLanguageChange}
        />
      </div>
    );
  }
}