diff --git a/apps/studio/components/interfaces/DiskManagement/InputPostTab.tsx b/apps/studio/components/interfaces/DiskManagement/InputPostTab.tsx new file mode 100644 index 00000000000..f8cadcab95a --- /dev/null +++ b/apps/studio/components/interfaces/DiskManagement/InputPostTab.tsx @@ -0,0 +1,21 @@ +import React, { forwardRef } from 'react' + +interface InputPostTabProps { + children: React.ReactNode + label: string +} + +export const InputPostTab = forwardRef( + ({ children, label }, ref) => { + return ( +
+ {children} +
+ {label} +
+
+ ) + } +) + +InputPostTab.displayName = 'InputPostTab' diff --git a/apps/studio/components/interfaces/DiskManagement/InputResetButton.tsx b/apps/studio/components/interfaces/DiskManagement/InputResetButton.tsx new file mode 100644 index 00000000000..dd3ed7470af --- /dev/null +++ b/apps/studio/components/interfaces/DiskManagement/InputResetButton.tsx @@ -0,0 +1,31 @@ +import { AnimatePresence, motion } from 'framer-motion' +import { Button } from 'ui' +import { RotateCcw } from 'lucide-react' + +function InputResetButton({ isDirty, onClick }: { isDirty: boolean; onClick: () => void }) { + return ( + + {isDirty && ( + + + + )} + + ) +} + +export { InputResetButton }