Skip to content

Instantly share code, notes, and snippets.

View MarkAtOmniux's full-sized avatar
🏠
Working from home

Mark Barton MarkAtOmniux

🏠
Working from home
  • Omniux
  • Edinburgh, Scotland
View GitHub Profile
@MarkAtOmniux
MarkAtOmniux / AddEditPhaseModal.tsx
Last active March 23, 2024 22:40
A Project Board Planner board built using Payload CMS
import React from 'react';
import { Modal } from '@faceless-ui/modal';
import { Button } from 'payload/components';
import {
Form,
FormSubmit,
RenderFields,
fieldTypes,
} from 'payload/components/forms';
@MarkAtOmniux
MarkAtOmniux / Component.tsx
Created February 15, 2024 11:29
PayloadCMS Bulk Upload Component
import { Button } from 'payload/components/elements';
import React, { useState } from 'react';
const BulkUpload = () => {
const [uploadedFiles, setUploadedFiles] = useState([]);
const handleUploadFiles = (files) => {
const uploaded = [...uploadedFiles];
files.some((file) => {
@MarkAtOmniux
MarkAtOmniux / Cell.tsx
Created October 25, 2023 15:25
PayloadCMS Color Picker Field
import React from 'react';
import { Props } from 'payload/components/views/Cell';
import './styles.scss';
const Cell: React.FC<Props> = (props) => {
const { cellData } = props;
if (!cellData) return null;
return (
@MarkAtOmniux
MarkAtOmniux / index.ts
Created March 26, 2023 15:17
Example of a custom BeforeDashboard React Component that displays the total amount of storage space left in a Google Cloud Bucket
import React, { useEffect, useState } from 'react'
import * as gcs from '@google-cloud/storage';
const SpaceRemaining = () => {
const [totalBytes, setTotalBytes] = useState(null);
const [limitBytes, setLimitBytes] = useState(null);
const [error, setError] = useState(null);
useEffect(() => {
const fetchBucketInfo = async () => {