Metamigo frontend build fixes
This commit is contained in:
parent
7aeb903a9e
commit
de17d54434
3 changed files with 15 additions and 13 deletions
|
|
@ -4,7 +4,7 @@ import dynamic from "next/dynamic";
|
||||||
import MicIcon from "@mui/icons-material/Mic";
|
import MicIcon from "@mui/icons-material/Mic";
|
||||||
import StopIcon from "@mui/icons-material/Stop";
|
import StopIcon from "@mui/icons-material/Stop";
|
||||||
import Button from "@mui/material/Button";
|
import Button from "@mui/material/Button";
|
||||||
import { makeStyles, useTheme } from "@mui/material/styles";
|
import { useTheme } from "@mui/material/styles"; // makeStyles,
|
||||||
// import AudioPlayer from "material-ui-audio-player";
|
// import AudioPlayer from "material-ui-audio-player";
|
||||||
import { useStopwatch } from "react-timer-hook";
|
import { useStopwatch } from "react-timer-hook";
|
||||||
import style from "./MicInput.module.css";
|
import style from "./MicInput.module.css";
|
||||||
|
|
@ -43,22 +43,22 @@ const blobToResult = async (blob: Blob) => {
|
||||||
return result;
|
return result;
|
||||||
};
|
};
|
||||||
|
|
||||||
const resultToDataUri = (result: Record<string, any>): string => {
|
/* const resultToDataUri = (result: Record<string, any>): string => {
|
||||||
if (!result || !result["audio/webm"]) return "";
|
if (!result || !result["audio/webm"]) return "";
|
||||||
const base64 = result["audio/webm"];
|
const base64 = result["audio/webm"];
|
||||||
const r = `data:audio/webm;base64,${base64}`;
|
const r = `data:audio/webm;base64,${base64}`;
|
||||||
return r;
|
return r;
|
||||||
};
|
}; */
|
||||||
|
|
||||||
const MicInput = (props: any) => {
|
const MicInput = (props: any) => {
|
||||||
const { seconds, minutes, hours, start, reset, pause } = useStopwatch();
|
const { seconds, minutes, hours, start, reset, pause } = useStopwatch();
|
||||||
const theme = useTheme();
|
const theme = useTheme();
|
||||||
const {
|
const {
|
||||||
field: { value, onChange },
|
field: { onChange }, // value
|
||||||
} = useInput(props);
|
} = useInput(props);
|
||||||
|
|
||||||
const [record, setRecorder] = useState({ record: false });
|
const [record, setRecorder] = useState({ record: false });
|
||||||
const decodedValue = resultToDataUri(value);
|
// const decodedValue = resultToDataUri(value);
|
||||||
const startRecording = () => {
|
const startRecording = () => {
|
||||||
setRecorder({ record: true });
|
setRecorder({ record: true });
|
||||||
reset();
|
reset();
|
||||||
|
|
@ -80,11 +80,12 @@ const MicInput = (props: any) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
const isRecording = record.record;
|
const isRecording = record.record;
|
||||||
const canPlay = !isRecording && decodedValue;
|
// const canPlay = !isRecording && decodedValue;
|
||||||
const duration = `${hours.toString().padStart(2, "0")}:${minutes
|
const duration = `${hours.toString().padStart(2, "0")}:${minutes
|
||||||
.toString()
|
.toString()
|
||||||
.padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`;
|
.padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`;
|
||||||
|
|
||||||
|
/*
|
||||||
const useStyles = makeStyles(() => ({
|
const useStyles = makeStyles(() => ({
|
||||||
volumeIcon: {
|
volumeIcon: {
|
||||||
display: "none",
|
display: "none",
|
||||||
|
|
@ -93,7 +94,7 @@ const MicInput = (props: any) => {
|
||||||
display: "none",
|
display: "none",
|
||||||
},
|
},
|
||||||
}));
|
}));
|
||||||
|
*/
|
||||||
return (
|
return (
|
||||||
<div className="MuiFormControl-marginDense RaFormInput-input-40">
|
<div className="MuiFormControl-marginDense RaFormInput-input-40">
|
||||||
<div className={style.content}>
|
<div className={style.content}>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
/* eslint-disable unicorn/no-null */
|
/* eslint-disable unicorn/no-null */
|
||||||
|
/* eslint-disable max-params */
|
||||||
import type { Adapter } from "next-auth/adapters";
|
import type { Adapter } from "next-auth/adapters";
|
||||||
// @ts-expect-error: Missing export
|
// @ts-expect-error: Missing export
|
||||||
import type { AppOptions } from "next-auth";
|
import type { AppOptions } from "next-auth";
|
||||||
|
|
@ -17,7 +18,7 @@ export interface Profile {
|
||||||
createdBy: string;
|
createdBy: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
export type User = Profile & { id: string; createdAt: Date; updatedAt: Date };
|
export type User = Profile & { id: string; createdAt: Date; updatedAt: Date; };
|
||||||
|
|
||||||
export interface Session {
|
export interface Session {
|
||||||
userId: string;
|
userId: string;
|
||||||
|
|
|
||||||
|
|
@ -13,11 +13,11 @@ export const sanitizeE164Number = (phoneNumber: string) => {
|
||||||
if (!phoneNumber) return "";
|
if (!phoneNumber) return "";
|
||||||
if (!phoneNumber.trim()) return "";
|
if (!phoneNumber.trim()) return "";
|
||||||
const sanitized = phoneNumber
|
const sanitized = phoneNumber
|
||||||
.replace(/\s/g, "")
|
.replaceAll(/\s/g, "")
|
||||||
.replace(/\./g, "")
|
.replaceAll(".", "")
|
||||||
.replace(/-/g, "")
|
.replaceAll("-", "")
|
||||||
.replace(/\(/g, "")
|
.replaceAll("(", "")
|
||||||
.replace(/\)/g, "");
|
.replaceAll(")", "");
|
||||||
|
|
||||||
if (sanitized[0] !== "+") return `+${sanitized}`;
|
if (sanitized[0] !== "+") return `+${sanitized}`;
|
||||||
return sanitized;
|
return sanitized;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue