hunk.code_window:             echo -e "Wheel file download link: https://core-previews.s3-us-west-2.amazonaws.com/${PREVIEW_BRANCH}/${WHEELFILE}"
             fi
             cd ../..
             # env variables don't carry over between gh action jobs
             echo "::set-output name=preview-branch::$PREVIEW_BRANCH"
             echo "::set-output name=s3-url::https://core-previews.s3-us-west-2.amazonaws.com/${PREVIEW_BRANCH}/${WHEELFILE}"
     setup-preview:
  
hunk.labels: keep keep keep keep add keep keep keep keep
hunk.after_edit:           echo "::set-output name=enable-setup::${{ env.AWS_ACCESS_KEY_ID != '' }}"
  
hunk.file_path: .github/workflows/pr-preview.yml
hunk.type: add
file: /**
   * Copyright (c) Streamlit Inc. (2018-2022) Snowflake Inc. (2022)
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *     http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
  
  import React, { FC, memo } from "react"
  import range from "lodash/range"
  import classNames from "classnames"
  
  export interface ParticleProps {
    particleType: number
  }
  
  export interface Props {
    className: string
    scriptRunId: string
    numParticles: number
    numParticleTypes: number
    ParticleComponent: FC<ParticleProps>
  }
  
  const Particles: FC<Props> = ({
    className,
    scriptRunId,
    numParticles,
    numParticleTypes,
    ParticleComponent,
  }: Props) => (
    // Keys should be unique each time, so React replaces the images in the DOM and their animations
    // actually rerun.
    <div className={classNames(className, "stHidden")}>
      {range(numParticles).map(i => {
        const randNum = Math.floor(Math.random() * numParticleTypes)
  
        return <ParticleComponent key={scriptRunId + i} particleType={randNum} />
      })}
    </div>
  )
  
  export default memo(Particles)
  