loadingState method

Implementation

Widget loadingState(BuildContext context) {
  return Skeletonizer(
    child: FrostEffect(
      child: Container(
        key: loadingKey,
        padding: const EdgeInsets.symmetric(vertical: 15),
        decoration: BoxDecoration(
          color: Theme.of(context).colorScheme.surface,
        ),
        child: Padding(
          padding: const EdgeInsets.symmetric(horizontal: 10),
          child: Row(
            mainAxisSize: MainAxisSize.min,
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: <Widget>[
              const Padding(
                padding: EdgeInsets.only(right: 10),
                child: Icon(
                  Atlas.paperclip_attachment_thin,
                  size: 20,
                ),
              ),
              Flexible(
                child: Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 10),
                  child: TextField(
                    style: Theme.of(context).textTheme.bodyMedium,
                    cursorColor: Theme.of(context).colorScheme.primary,
                    maxLines: 6,
                    minLines: 1,
                    decoration: InputDecoration(
                      isCollapsed: true,
                      prefixIcon: Icon(
                        Icons.shield,
                        size: 18,
                        color: Theme.of(context)
                            .colorScheme
                            .primary
                            .withOpacity(0.8),
                      ),
                      suffixIcon: const Icon(Icons.emoji_emotions),
                      border: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(30),
                        borderSide: BorderSide(
                          width: 0.5,
                          style: BorderStyle.solid,
                          color: Theme.of(context).colorScheme.surface,
                        ),
                      ),
                      focusedBorder: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(30),
                        borderSide: const BorderSide(
                          width: 0.5,
                          style: BorderStyle.solid,
                        ),
                      ),
                      enabledBorder: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(30),
                        borderSide: BorderSide(
                          width: 0.5,
                          style: BorderStyle.solid,
                          color: Theme.of(context).colorScheme.onSurface,
                        ),
                      ),
                      hintText: L10n.of(context).newMessage,
                      hintStyle: Theme.of(context)
                          .textTheme
                          .labelLarge!
                          .copyWith(
                            color: Theme.of(context).colorScheme.onSurface,
                          ),
                      contentPadding: const EdgeInsets.all(15),
                      hintMaxLines: 1,
                    ),
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    ),
  );
}